Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / dylantarre / animation-principles
dylantarre/animation-principles
Disney's 12 Animation Principles - Claude Code Skill Marketplace
144 skills
GitHubSponsored
universal-reference
dylantarre/animation-principles
8
This skill helps you discuss and apply Disney's 12 animation principles across any experience level with scalable depth and clarity.
follow-through-overlapping
dylantarre/animation-principles
8
This skill helps you add realistic follow-through and overlapping action to animated parts, improving believability of motion.
game-designer
dylantarre/animation-principles
8
This skill helps you apply Disney's animation principles to game feel, delivering responsive feedback and satisfying moments that boost player engagement.
ux-researcher
dylantarre/animation-principles
8
This skill helps evaluate animation usability using Disney's 12 principles to improve motion perception, task completion, and user satisfaction.
exit-animations
dylantarre/animation-principles
8
This skill helps you implement polished exit animations using Disney principles, improving dismissals, modals, toasts, and page transitions.
loaders-spinners
dylantarre/animation-principles
8
This skill helps you design animated loaders and skeletons by applying Disney's 12 principles to improve wait experiences.
excitement-energy
dylantarre/animation-principles
8
This skill helps you design high-energy animations that build excitement and momentum by applying Disney's excitement principles.
urgency-action
dylantarre/animation-principles
8
This skill helps you design urgency-driven animations that prompt immediate action by emphasizing time-sensitivity and clear CTAs.
slow-in-out-mastery
dylantarre/animation-principles
8
This skill helps you design natural motion pacing by applying slow in/out easing principles to UI, animation, and interactive elements.
universal-fallback
dylantarre/animation-principles
8
This skill applies Disney's universal animation principles across contexts to guide motion design decisions and enhance clarity.
attention-direction
dylantarre/animation-principles
8
This skill helps you steer viewer attention in animation by applying staging, timing, and arcs to guide gaze and reveal information.
naturalistic-motion
dylantarre/animation-principles
8
This skill helps you animate naturalistic motion by applying the 12 animation principles to create lifelike, breathing, and responsive character motion.
animator-traditional
dylantarre/animation-principles
8
This skill helps you apply Disney's 12 animation principles to frame-by-frame work, enabling authentic, expressive traditional animation workflows.
creative-director
dylantarre/animation-principles
8
This skill helps you lead animation projects by applying Disney's 12 principles to set vision, quality, and consistency across teams.
frontend-developer
dylantarre/animation-principles
8
This skill helps you implement performant, Disney-inspired UI animations by applying the 12 principles through practical code guidance.
fitness-wellness
dylantarre/animation-principles
8
This skill helps design fitness and wellness animations using Disney principles to energize workouts and calm meditation, aligning motion with activity.
continuous-loops
dylantarre/animation-principles
8
This skill helps you craft seamless, looping animations for spinners, pulses, and ambient effects by applying Disney's principles to keep motion engaging.
universal-patterns
dylantarre/animation-principles
8
This skill applies universal animation patterns from Disney principles to establish timing, easing, and motion baseline across interfaces.
calm-relaxation
dylantarre/animation-principles
8
This skill helps create calm, relaxing animations that soothe users and reduce anxiety by applying gentle, slow motion principles inspired by Disney's
modals-dialogs
dylantarre/animation-principles
8
This skill helps you animate modals with Disney-inspired principles for smooth entrances, exits, and polished overlays across apps.
accordions-dropdowns
dylantarre/animation-principles
8
This skill helps you implement Disney-inspired accordion and dropdown animations for smooth reveal transitions and polished UI behavior.
icons-badges
dylantarre/animation-principles
8
This skill applies Disney's animation principles to icons and badges to add personality and meaningful feedback in UI.
gsap-greensock
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles using GSAP for expressive, coordinated web animations with timelines and eases.
react-spring
dylantarre/animation-principles
8
This skill helps implement Disney's 12 animation principles using React Spring's physics-based springs to create expressive, cohesive UI motion.
universal-timing
dylantarre/animation-principles
8
This skill helps you apply universal timing principles from Disney to animation projects, ensuring fluid motion across durations and scales.
medium-300-500ms
dylantarre/animation-principles
8
This skill helps you design and implement medium-duration animations (300-500ms) that communicate clearly and feel polished across interfaces.
responsive-adaptive
dylantarre/animation-principles
8
This skill helps tailor animation timing to device, distance, and user context, delivering fluid experiences across platforms.
small-200-300ms
dylantarre/animation-principles
8
This skill helps you design small UI transitions (200-300ms) by applying Disney principles for clear, perceived motion in modals, cards, and navigation.
solid-drawing-mastery
dylantarre/animation-principles
8
This skill helps you apply solid drawing principles to ensure dimensional realism, consistent volume, and believable weight in animation transforms.
squash-stretch-mastery
dylantarre/animation-principles
8
This skill helps you implement squash and stretch in animations to convey weight and elasticity across UI, characters, and logos.
user-feedback-clarity
dylantarre/animation-principles
8
This skill helps you make feedback unmistakable by applying Disney principles to visual cues, motion, and color for successful user interactions.
technical-constraints
dylantarre/animation-principles
8
This skill helps you implement animation within platform constraints by selecting techniques and fallbacks that preserve intent across devices.
timing-calibration
dylantarre/animation-principles
8
This skill helps you calibrate animation timing to feel natural and consistent across UI, ensuring faster feedback and smoother transitions.
advanced
dylantarre/animation-principles
8
This skill helps you apply advanced animation principles to craft nuanced motion, emotional subtext, and stylistic variations across scenes.
web-motion-design
dylantarre/animation-principles
8
This skill helps you implement Disney-inspired web motion principles in CSS, JS, and frontend frameworks to create cohesive, engaging UI animations.
timing-mastery
dylantarre/animation-principles
8
This skill helps you choreograph animation timing by framing beats, anticipations, and holds to control pace and storytelling impact.
hover-interactions
dylantarre/animation-principles
8
This skill helps you implement hover interaction animations by applying Disney's principles to create lift, anticipation, and polished transitions for
framer-motion
dylantarre/animation-principles
8
This skill helps you implement Disney's twelve animation principles in Framer Motion to create expressive, responsive React animations.
universal-practitioner
dylantarre/animation-principles
8
This skill helps you apply Disney's 12 animation principles across any domain to convey life, clarity, and engagement in your work.
absolute-beginner
dylantarre/animation-principles
8
This skill introduces animation basics for beginners, explaining the twelve principles in simple terms and showing how to start practicing.
troubleshooting
dylantarre/animation-principles
8
This skill helps diagnose and fix animation issues by applying troubleshooting principles to identify misapplied timing, spacing, and arcs.
entrance-animations
dylantarre/animation-principles
8
This skill guides seamless entrance animations using Disney principles to make elements appear engagingly on load, modals, and reveals.
loading-states
dylantarre/animation-principles
8
This skill helps you implement Disney-inspired loading states by applying squash and stretch, anticipation, and skeleton shimmer for engaging progress feedback.
elegance-sophistication
dylantarre/animation-principles
8
This skill helps you craft animations that convey luxury and refinement by applying restrained timing, elegant easing, and minimalism from classic Disney
carousels-sliders
dylantarre/animation-principles
8
This skill helps you implement Disney-inspired carousel and slider animations for smooth, intuitive navigation across content.
forms-inputs
dylantarre/animation-principles
8
This skill helps animate form fields using Disney principles to provide clear feedback, delightful interactions, and polished state transitions.
lists-grids
dylantarre/animation-principles
8
This skill applies Disney's animation principles to lists and grids to create smooth, engaging ordering, filtering, and loading transitions.
navigation-menus
dylantarre/animation-principles
8
This skill helps you implement Disney-inspired navigation and menu animations for fluid, intuitive wayfinding across interfaces.
universal-elements
dylantarre/animation-principles
8
This skill applies Disney's animation principles to UI elements, delivering subtle, consistent motion that enhances usability and delight.
e-commerce-retail
dylantarre/animation-principles
8
This skill helps designers apply Disney's 12 animation principles to e-commerce experiences, enhancing premium feel, trust, and conversion across catalogs and
enterprise-b2b
dylantarre/animation-principles
8
This skill applies Disney's 12 animation principles to enterprise B2B UIs to enhance clarity, credibility, and efficient user feedback.
fintech-banking
dylantarre/animation-principles
8
This skill helps design banking app animations grounded in Disney principles to convey trust, security, and premium user experience.
gaming-entertainment
dylantarre/animation-principles
8
This skill helps designers apply Disney's 12 animation principles to gaming entertainment projects, delivering immersive, emotionally resonant UI and
after-effects
dylantarre/animation-principles
8
This skill helps you apply Disney's 12 animation principles in After Effects to craft expressive, polished motion with practical workflows.
anime-js
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles using Anime.js to craft expressive motion across UI elements.
css-native
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles using pure CSS, delivering expressive motion across interfaces.
lottie-bodymovin
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles with Lottie exports, guiding timing, spacing, and expressive motion in vector animations.
popmotion
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles using Popmotion to craft fluid, expressive UI animations.
cards-containers
dylantarre/animation-principles
8
This skill helps you apply Disney's card and container animation principles to create engaging, dimensional interfaces with smooth, natural transitions.
large-500-800ms
dylantarre/animation-principles
8
This skill helps you craft dramatic 500-800ms animations that punctuate moments and guide user attention across interfaces.
slow-800-1200ms
dylantarre/animation-principles
8
This skill helps you craft deliberate 800-1200ms animations to guide attention and elevate storytelling in UI transitions.
arc-mastery
dylantarre/animation-principles
8
This skill helps you design natural motion paths by applying arc-based principles to character movement, UI motion, and motion graphics.
brand-consistency
dylantarre/animation-principles
8
This skill helps align animation with brand identity using Disney principles to ensure cohesive, distinctive motion across products.
emotional-disconnect
dylantarre/animation-principles
8
This skill helps align animation emotion with context by applying Disney's principles to reduce emotional mismatch in UI motion.
accessibility-advocate
dylantarre/animation-principles
8
This skill guides inclusive animation design by applying Disney's principles to enhance accessibility and reduce motion risks for vestibular and cognitive
novice
dylantarre/animation-principles
8
This skill helps you apply the 12 animation principles to novice projects, guiding squash and stretch, anticipation, timing, and staging.
performance-optimization
dylantarre/animation-principles
8
This skill helps you diagnose and fix slow or janky animations by applying Disney's 12 principles for smoother UI performance.
refresher
dylantarre/animation-principles
8
This skill helps seasoned animators quickly refresh the 12 animation principles without basic explanations for faster correct decisions during blocking and
state-changes
dylantarre/animation-principles
8
This skill helps you design and implement in-place state change animations using Disney's principles to improve UI feedback.
social-media
dylantarre/animation-principles
8
This skill applies Disney's animation principles to social media interfaces to create engaging, expressive interactions that boost sharing and user retention.
universal-industry
dylantarre/animation-principles
8
This skill helps designers apply Disney's 12 animation principles to any industry, delivering intuitive motion that enhances clarity and brand personality.
figma-prototyping
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles in Figma prototypes, enabling smooth Smart Animate transitions and expressive UI prototypes.
universal-tool
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles across any tool or framework, ensuring expressive, coherent motion.
continuous-infinite
dylantarre/animation-principles
8
This skill helps you design continuous infinite animations for loading, ambient motion, and background effects that feel seamless and fatigue-free.
orchestrated-sequences
dylantarre/animation-principles
8
This skill helps coordinate multi-part animation sequences by timing, easing, and staging to create cohesive, engaging UI motion.
straight-ahead-pose-mastery
dylantarre/animation-principles
8
This skill helps you choose between straight ahead and pose to pose animation methods, balancing spontaneity with planning for clearer, more dynamic results.
attention-management
dylantarre/animation-principles
8
This skill directs user focus using Disney's animation principles to fix hierarchy and guide attention to key content.
motion-sickness
dylantarre/animation-principles
8
This skill helps you prevent motion sickness in animations by applying Disney's principles to minimize dizzying effects across UI interactions.
physics-intuition
dylantarre/animation-principles
8
This skill helps you imbue animation with believable physics by applying mass, timing, and momentum principles to motion and weight.
rive-animations
dylantarre/animation-principles
8
This skill helps you implement Disney's 12 animation principles in Rive with interactive state machines and scalable animations.
universal-mindset
dylantarre/animation-principles
8
This skill helps you apply a master animator mindset to any motion task, revealing intent, timing, and storytelling through principled practice.
education-learning
dylantarre/animation-principles
8
This skill helps design engaging educational animations by applying Disney's 12 principles to reinforce learning and celebrate progress.
joy-delight
dylantarre/animation-principles
8
This skill helps you design joyful, delightful animations by applying Disney principles to user interactions and celebrations.
professionalism-credibility
dylantarre/animation-principles
8
This skill helps you design animations that convey professionalism and credibility for business contexts using precise motion and minimal flourish.
appeal-mastery
dylantarre/animation-principles
8
This skill helps you design character appeal by applying clarity, distinctiveness, consistency, and polish to motion and visuals.
accessibility-issues
dylantarre/animation-principles
8
This skill helps you make animations accessible by applying Disney principles to reduce motion, manage focus, and announce changes for assistive technologies.
universal-solutions
dylantarre/animation-principles
8
This skill helps diagnose animation problems using all 12 Disney principles to guide precise fixes and improvements.
travel-hospitality
dylantarre/animation-principles
8
This skill helps designers apply Disney's animation principles to travel and hospitality interfaces, elevating pacing, anticipation, and user confidence in
micro-interactions
dylantarre/animation-principles
8
This skill helps design micro-interactions by applying Disney's animation principles to small UI feedback moments for more engaging interfaces.
page-transitions
dylantarre/animation-principles
8
This skill helps implement Disney-inspired page transitions for route changes, modals, and navigation, improving clarity and user experience.
problem-diagnosis
dylantarre/animation-principles
8
This skill helps diagnose animation issues by identifying violated principles and prescribing targeted fixes using a systematic, one-change-at-a-time approach.
spatial-thinking
dylantarre/animation-principles
8
This skill helps you apply spatial thinking to animation, guiding depth, perspective, and 3D relationships across frames.
attention-grabbers
dylantarre/animation-principles
8
This skill helps you apply Disney's attention-grabbing animation principles to draw user focus with badges, banners, and alerts.
filmmaker
dylantarre/animation-principles
8
This skill helps you craft cinematic storytelling by applying Disney's 12 animation principles to narrative sequences and emotional pacing.
expert
dylantarre/animation-principles
8
This skill helps you push creative boundaries by mastering when to break animation principles and fuse intentional style with storytelling impact.
intermediate
dylantarre/animation-principles
8
This skill helps you combine animation principles to create cohesive, dynamic sequences by guiding synthesis of squash/stretch, timing, anticipation, and more.
teaching-others
dylantarre/animation-principles
8
This skill helps educators teach the 12 animation principles clearly by tailoring explanations to learners' levels and using concrete demonstrations.
feedback-indicators
dylantarre/animation-principles
8
This skill applies Disney's feedback animation principles to action confirmations, improving clarity and delight with responsive success and error indicators.