Loading...
Loading...
Found 827 Skills
LOAD THIS SKILL when: user says 'use fe design skill', creating UI components, designing pages/layouts, working on styling/CSS, or mentions 'design', 'UI', 'component', 'layout', 'styling'. Creates distinctive production-grade interfaces avoiding generic AI aesthetics.
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
A documentation page — left nav, scrollable article body, right-rail table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".
WebGL-style fluid displacement background with top-overlaid inspirational quotes, suitable for video openings, landing page heroes, or posters
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.
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather/sky/ocean-inspired color systems that adapt to time of day and environmental conditions.
Applies Material Design 3 Expressive dynamic color and theming principles to user interfaces. Use this when working on color palettes, themes, dynamic color systems, accessibility, or when the user asks to apply Material Design 3 color guidelines to a design or application.
shadcn/ui for Next.js App Router with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible components.
[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.