dylantarre / animation-principles
npx -y skills add dylantarre/animation-principles --agent claude-codemobile-touch2.2kvideo-motion-graphics1.7kframer-motion1.5kmotion-designer1.3kmicro-interactions1.2kweb-motion-design953scroll-animations849game-designer809after-effects682filmmaker6543d-spatial585saas-productivity569gsap-greensock566css-native557fitness-wellness529e-commerce-retail517page-transitions513anime-js497presentations485game-development481educator-teacher480emotional-narrative474lottie-bodymovin467healthcare-medical466accessible-motion454elegance-sophistication442hover-interactions442creative-director437rhythm-pacing431travel-hospitality431carousels-sliders429transition-sequences427education-learning426data-visualization425dramatic-2000ms-plus424physics-intuition424notifications-toasts420figma-prototyping415loading-states414motion-one412navigation-menus412character-appeal410rive-animations408buttons-ctas407frontend-developer406playfulness-fun404fintech-banking402gaming-entertainment401gesture-responses401accessibility-advocate400brand-marketing399icons-badges394modals-dialogs392ux-researcher392spatial-thinking390micro-100-200ms387attention-direction385joy-delight385entrance-animations383react-spring383universal-emotion383naturalistic-motion382solid-drawing-mastery382attention-grabbers381brand-consistency381calm-relaxation380enterprise-b2b380arc-mastery379performance-optimization379appeal-mastery378timing-mastery375anticipation-payoff373cards-containers373staging-mastery373attention-management372forms-inputs372social-media372animator-traditional371excitement-energy371squash-stretch-mastery371brand-strategist370slow-in-out-mastery370urgency-action370loaders-spinners368accordions-dropdowns366anticipation-mastery366timing-principle-mastery366universal-patterns366power-confidence365timing-calibration365orchestrated-sequences364user-feedback-clarity363exit-animations362implementation-debugging362popmotion362continuous-loops361lists-grids361responsive-adaptive361technical-constraints361continuous-infinite360emotional-disconnect360state-changes360exaggeration-mastery359problem-diagnosis359universal-industry359follow-through-overlapping358friendliness-approachability358large-500-800ms358medium-300-500ms358professionalism-credibility358straight-ahead-pose-mastery358comfort-safety357secondary-action-mastery357trust-reliability357exaggerated-clarity356feedback-indicators356product-manager356small-200-300ms356universal-elements356universal-tool356deliberate-1200-2000ms355universal-practitioner355universal-fallback353universal-solutions353accessibility-issues352motion-sickness352instant-0-100ms351ux-friction351media-publishing349slow-800-1200ms349universal-mindset347universal-timing346Animation Principles - Absolute Beginner0Animation Principles - Advanced0Animation Principles - Deep Dive0Animation Principles - Expert0Animation Principles - Intermediate0Animation Principles - Master0animation-principles---novice0Animation Principles - Quick Start0Animation Principles - Refresher0Animation Principles - Teaching Others0Animation Principles - Troubleshooting0Animation Principles - Universal Reference0