Loading...
Loading...
Found 70 Skills
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when animation speed feels wrong—too fast, too slow, or inconsistent
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Expert in web animations, transitions, and motion design using Framer Motion and CSS
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 implementing Disney's 12 animation principles with pure CSS animations and transitions
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax.