Loading...
Loading...
Found 55 Skills
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.