Loading...
Loading...
Found 779 Skills
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
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.
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.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Unified frontend direction skill for layout, visual identity, and motion choreography. Use when an agent needs crafted structure, stronger typography, better imagery choices, and section-aware animation without splitting across multiple skills.
Redesign existing interfaces to premium quality while preserving product goals and functional behavior.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.