Loading...
Loading...
Found 797 Skills
Sass (indented syntax) best practices and coding guidelines for clean, maintainable stylesheets
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Mobile-first responsive design covering fluid layouts, media queries, flexbox, grid, viewport units, and responsive images
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 triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI components that need authentic pixel art aesthetics.
UI/UX Design Intelligence, a must-use resource when conducting page design work
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Generate color ramps designed for WCAG-compliant contrast pairing. Creates 11-step scales with predictable foreground/background combinations.
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
Best practices for building UI components with shadcn/ui. Use when creating, customizing, or styling components with shadcn, working with Radix UI primitives, implementing design tokens, or following compound component patterns.