Loading...
Loading...
Found 543 Skills
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use when the user requests UI/UX work (design, build, create, implement, review, fix, improve).
Analyze a React/TypeScript component for compliance with coding guidelines and suggest improvements.
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately