GitHub
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
☆ 11Voir le skill
Skills IA Recherche
Découvrez les skills Recherche, comparez leurs dépôts et consultez leurs instructions.
Catégories: Recherche
Recherche Effacer les filtres
Explorer
GitHub
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
☆ 11Voir le skill
GitHub
timing-mastery
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
☆ 11Voir le skill
GitHub
attention-direction
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
☆ 11Voir le skill
GitHub
anticipation-mastery
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
☆ 11Voir le skill
GitHub
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
☆ 11Voir le skill
GitHub
after-effects
Use when implementing Disney's 12 animation principles in Adobe After Effects
☆ 11Voir le skill
GitHub
micro-100-200ms
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
☆ 11Voir le skill
GitHub
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
☆ 11Voir le skill
GitHub
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
☆ 11Voir le skill
GitHub
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
☆ 11Voir le skill
GitHub
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
☆ 11Voir le skill
GitHub
animation-principles-teaching-others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
☆ 11Voir le skill
GitHub
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
☆ 11Voir le skill
GitHub
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
☆ 11Voir le skill
GitHub
animation-principles-refresher
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
☆ 11Voir le skill
GitHub
lottie-bodymovin
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
☆ 11Voir le skill
GitHub
squash-stretch-mastery
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
☆ 11Voir le skill
GitHub
power-confidence
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
☆ 11Voir le skill
GitHub
motion-sickness
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
☆ 11Voir le skill
GitHub
animation-principles-absolute-beginner
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
☆ 11Voir le skill
GitHub
universal-emotion
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
☆ 11Voir le skill
GitHub
implementation-debugging
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
☆ 11Voir le skill
GitHub
loading-states
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
☆ 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é.