GitHub
emotional-narrative
Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audience care.
☆ 11Voir le skill
Skills IA Développement
Découvrez les skills Développement, comparez leurs dépôts et consultez leurs instructions.
Catégories: Développement
Développement Effacer les filtres
Explorer
GitHub
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
☆ 11Voir le skill
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
☆ 11Voir le skill
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.
☆ 11Voir le skill
GitHub
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
☆ 11Voir le skill
GitHub
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
☆ 11Voir le skill
GitHub
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
☆ 11Voir le skill
GitHub
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
☆ 11Voir le skill
GitHub
emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
☆ 11Voir le skill
GitHub
straight-ahead-pose-mastery
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
☆ 11Voir le skill
GitHub
deliberate-1200-2000ms
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
☆ 11Voir le skill
GitHub
universal-industry
Use when designing animations for any industry or when industry-specific guidelines do not apply
☆ 11Voir le skill
GitHub
css-native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
☆ 11Voir le skill
GitHub
transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
☆ 11Voir le skill
GitHub
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
☆ 11Voir le skill
GitHub
animation-principles-troubleshooting
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
☆ 11Voir le skill
GitHub
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
☆ 11Voir le skill
GitHub
anime-js
Use when implementing Disney's 12 animation principles with Anime.js library
☆ 11Voir le skill
GitHub
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
☆ 11Voir le skill
GitHub
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
☆ 11Voir le skill
GitHub
rive-animations
Use when implementing Disney's 12 animation principles with Rive interactive animations
☆ 11Voir le skill
GitHub
ux-friction
Use when animation causes user confusion, delays task completion, or creates frustration
☆ 11Voir le skill
GitHub
animation-principles-quick-start
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
☆ 11Voir le skill
GitHub
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
☆ 11Voir le skill
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.