emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Browse published AI skills maintained by dylantarre. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
173Repository stars across indexed skills
1,990Repository forks
490Average repository stars per indexed skill
12Repository stars may repeat across skills from the same repository.
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when designing animations for any industry or when industry-specific guidelines do not apply
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
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
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.