Loading...
Loading...
Found 780 Skills
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
Shopify theme section structure, file organization, and schema requirements. Use when creating or modifying Shopify theme sections.
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
UI/UX Design Intelligence, a must-use resource when conducting page design work
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility. Use when implementing UI, choosing colors, or ensuring brand consistency.
Enterprise Skill for advanced development
[Must Read · Mandatory] Mandatory specifications for company front-end development. You must read this skill before writing or modifying any front-end code. It covers all development constraints including mandatory Composition API specifications, naming conventions, API calling rules, Pinia state management, component splitting, etc.
Build interactive web components and artifacts. Creates interactive UI elements, visualizations, and web-based applications.
Shopify theme section structure, file organization, and schema requirements. Use when creating or modifying Shopify theme sections.