Topic: claude
14,433 skills in this topic.
-
css-native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
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
-
power-confidence
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
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
-
playfulness-fun
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
dylantarre/animation-principles 23
-
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
dylantarre/animation-principles 23
-
Animation Principles - Universal Reference
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level
dylantarre/animation-principles 23
-
joy-delight
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
dylantarre/animation-principles 23
-
Animation Principles - Troubleshooting
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
dylantarre/animation-principles 23
-
friendliness-approachability
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
dylantarre/animation-principles 23
-
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
dylantarre/animation-principles 23
-
anime-js
Use when implementing Disney's 12 animation principles with Anime.js library
dylantarre/animation-principles 23
-
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.
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
-
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
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
-
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
dylantarre/animation-principles 23
-
straight-ahead-pose-mastery
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
dylantarre/animation-principles 23
-
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
dylantarre/animation-principles 23
-
Animation Principles - Quick Start
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
dylantarre/animation-principles 23
-
brand-marketing
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
dylantarre/animation-principles 23
-
accessible-motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
dylantarre/animation-principles 23
-
after-effects
Use when implementing Disney's 12 animation principles in Adobe After Effects
dylantarre/animation-principles 23
-
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
dylantarre/animation-principles 23