joy-delight
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Découvrez les skills Outils, comparez leurs dépôts et consultez leurs instructions.
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
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.
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
Use when implementing Disney's 12 animation principles in Adobe After Effects
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
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é.