GitHub
large-500-800ms
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
☆ 11View skill
Tools AI Skills
Discover Tools skills, compare source repositories and read the instructions for each workflow.
Categories: Tools
Tools Clear filters
Browse skills
GitHub
entrance-animations
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
☆ 11View skill
GitHub
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
☆ 11View skill
GitHub
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
☆ 11View skill
GitHub
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
☆ 11View skill
GitHub
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
☆ 11View skill
GitHub
emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
☆ 11View skill
GitHub
straight-ahead-pose-mastery
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
☆ 11View skill
GitHub
deliberate-1200-2000ms
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
☆ 11View skill
GitHub
universal-industry
Use when designing animations for any industry or when industry-specific guidelines do not apply
☆ 11View skill
GitHub
css-native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
☆ 11View skill
GitHub
transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
☆ 11View skill
GitHub
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
☆ 11View skill
GitHub
animation-principles-troubleshooting
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
☆ 11View skill
GitHub
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
☆ 11View skill
GitHub
anime-js
Use when implementing Disney's 12 animation principles with Anime.js library
☆ 11View skill
GitHub
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
☆ 11View skill
GitHub
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
☆ 11View skill
GitHub
rive-animations
Use when implementing Disney's 12 animation principles with Rive interactive animations
☆ 11View skill
GitHub
ux-friction
Use when animation causes user confusion, delays task completion, or creates frustration
☆ 11View skill
GitHub
animation-principles-quick-start
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
☆ 11View skill
GitHub
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
☆ 11View skill
GitHub
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
☆ 11View skill
GitHub
technical-constraints
Use when animation is limited by browser support, platform capabilities, or technical requirements
☆ 11View skill
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.