umairshahid622
Community@umairshahid622
umairshahid622 curates GSAP animation, Supabase Postgres, and UI design skills covering scroll-driven motion, database optimization, and brand asset generation.
Agent Skills by umairshahid622
Showing 20 vetted skills indexed across 1 GitHub repositories.
umairshahid622gsap-plugins
Implements GSAP plugin registration and usage for scroll, drag, SVG, text, and physics animations.
umairshahid622gsap-timeline
Sequences GSAP tweens into timelines using position parameters, labels, and nesting.
umairshahid622gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
umairshahid622gsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and quickTo.
umairshahid622gsap-core
Implements GSAP core tweens, eases, staggers, and responsive matchMedia animations in JavaScript.
umairshahid622gsap-utils
Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.
umairshahid622supabase-postgres-best-practices
Applies Postgres performance, schema, security, and migration rules to SQL authoring and diagnostics.
umairshahid622supabase
Guides Supabase development, schema migrations, security audits, and debugging workflows.
umairshahid622gsap-frameworks
Implements GSAP animations in Vue, Nuxt, and Svelte with lifecycle-safe cleanup.
umairshahid622gsap-react
Implements GSAP animations in React using the useGSAP hook with scoped selectors and automatic cleanup.
umairshahid622ui-ux-pro-max
Searches local UI/UX design datasets for styles, palettes, fonts, guidelines, and stack rules.
umairshahid622design
Generate logos, CIP mockups, SVG icons, banners, slides, and social images with Gemini AI.
umairshahid622banner-design
Generates multi-format banner designs with AI visuals and exports them to PNG at platform dimensions.
umairshahid622ui-styling
Build accessible user interfaces with shadcn/ui components and Tailwind CSS utility styling.
umairshahid622brand
Manage brand voice, visual identity, and asset compliance with design token synchronization.
umairshahid622slides
Create HTML presentations with Chart.js charts, design tokens, and copywriting formulas.
umairshahid622design-system
Generates three-layer design tokens, component specifications, and brand-compliant HTML slide decks.
umairshahid622skill-developer
Create and configure Claude Code skills with trigger rules and hook-based activation.
umairshahid622tailwindcss
Implements Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and theme configuration.
umairshahid622react
Implement React 19 components, hooks, Suspense boundaries, and TypeScript patterns.
Frequently Asked Questions About umairshahid622
FAQPage SchemaWhat tasks can I accomplish with umairshahid622's skill registry?▼
You can build GSAP animations (timelines, ScrollTrigger, Draggable, SplitText), optimize Postgres schemas and queries on Supabase, style interfaces with Tailwind and shadcn/ui, and generate brand assets like logos, banners, icons, and HTML slide decks.
Who should use these skills?▼
Frontend engineers animating DOM and SVG in React, Vue, or Svelte; backend developers managing Supabase databases, RLS policies, and migrations; and designers producing brand identity systems, social banners, and presentation decks.
How do the GSAP skills work in practice?▼
Load the relevant skill when writing animation code: gsap-core for tweens and easing, gsap-timeline for sequencing, gsap-scrolltrigger for scroll-driven effects, and gsap-react or gsap-frameworks for framework-specific lifecycle integration and cleanup.
Are these skills free to use?▼
Yes. Most skills, including all GSAP skills, supabase-postgres-best-practices, design, banner-design, ui-styling, and design-system, carry MIT licenses. The remaining skills list no license restrictions in their manifests.
What prerequisites do the Supabase skills require?▼
The Supabase skills assume a Postgres database or Supabase project. They cover schema migrations, RLS policies, pgvector search, pg_cron jobs, Edge Functions, and client integrations via supabase-js with Next.js, SvelteKit, Astro, or Remix.