GitHub
animation-principles-master
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
☆ 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
universal-mindset
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
☆ 11Voir le skill
GitHub
naturalistic-motion
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
☆ 11Voir le skill
GitHub
animation-principles-deep-dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
☆ 11Voir le skill
GitHub
popmotion
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
☆ 11Voir le skill
GitHub
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
☆ 11Voir le skill
GitHub
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
☆ 11Voir le skill
GitHub
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
☆ 11Voir le skill
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
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
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é.