transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
Discover Testing & security skills, compare source repositories and read the instructions for each workflow.
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when implementing Disney's 12 animation principles with Anime.js library
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when implementing Disney's 12 animation principles with Rive interactive animations
Use when animation causes user confusion, delays task completion, or creates frustration
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.