Loading...
Loading...
Found 57 Skills
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
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 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 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.
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.