Topic: ai
10,359 skills in this topic.
-
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
dylantarre/animation-principles 23
-
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
dylantarre/animation-principles 23
-
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
dylantarre/animation-principles 23
-
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
dylantarre/animation-principles 23
-
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
dylantarre/animation-principles 23
-
universal-emotion
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
dylantarre/animation-principles 23
-
Animation Principles - Deep Dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
dylantarre/animation-principles 23
-
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
dylantarre/animation-principles 23
-
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
dylantarre/animation-principles 23
-
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
dylantarre/animation-principles 23
-
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
dylantarre/animation-principles 23
-
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
dylantarre/animation-principles 23
-
Animation Principles - Teaching Others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
dylantarre/animation-principles 23
-
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
dylantarre/animation-principles 23
-
character-appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
dylantarre/animation-principles 23
-
comfort-safety
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
dylantarre/animation-principles 23
-
rhythm-pacing
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
dylantarre/animation-principles 23
-
trust-reliability
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
dylantarre/animation-principles 23
-
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.
dylantarre/animation-principles 23
-
anticipation-payoff
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
dylantarre/animation-principles 23
-
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.
dylantarre/animation-principles 23
-
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.
dylantarre/animation-principles 23
-
Animation Principles - Advanced
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
dylantarre/animation-principles 23
-
attention-management
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
dylantarre/animation-principles 23