Collection143 items

dylantarre/animation-principles

View on GitHub

55stars

🎯Skills143

🎯motion-designer🎯Skill

motion-designer skill from dylantarre/animation-principles

motion-designer

🎯anime-js🎯Skill

anime-js skill from dylantarre/animation-principles

anime-js

🎯video-motion-graphics🎯Skill

Applies Disney animation principles to video motion graphics, guiding Claude in creating dynamic, professionally animated video sequences with expert animation techniques.

video-motion-graphics

🎯gsap-greensock🎯Skill

gsap-greensock skill from dylantarre/animation-principles

gsap-greensock

🎯game-designer🎯Skill

game-designer skill from dylantarre/animation-principles

game-designer

🎯micro-interactions🎯Skill

micro-interactions skill from dylantarre/animation-principles

micro-interactions

🎯buttons-ctas🎯Skill

buttons-ctas skill from dylantarre/animation-principles

buttons-ctas

🎯lottie-bodymovin🎯Skill

lottie-bodymovin skill from dylantarre/animation-principles

lottie-bodymovin

🎯after-effects🎯Skill

after-effects skill from dylantarre/animation-principles

after-effects

🎯saas-productivity🎯Skill

saas-productivity skill from dylantarre/animation-principles

saas-productivity

🎯navigation-menus🎯Skill

navigation-menus skill from dylantarre/animation-principles

navigation-menus

🎯fitness-wellness🎯Skill

fitness-wellness skill from dylantarre/animation-principles

fitness-wellness

🎯accessible-motion🎯Skill

accessible-motion skill from dylantarre/animation-principles

accessible-motion

🎯lists-grids🎯Skill

lists-grids skill from dylantarre/animation-principles

lists-grids

🎯react-spring🎯Skill

react-spring skill from dylantarre/animation-principles

react-spring

🎯spatial-thinking🎯Skill

spatial-thinking skill from dylantarre/animation-principles

spatial-thinking

🎯presentations🎯Skill

presentations skill from dylantarre/animation-principles

presentations

🎯joy-delight🎯Skill

joy-delight skill from dylantarre/animation-principles

joy-delight

🎯loaders-spinners🎯Skill

loaders-spinners skill from dylantarre/animation-principles

loaders-spinners

🎯brand-marketing🎯Skill

brand-marketing skill from dylantarre/animation-principles

brand-marketing

🎯slow-in-out-mastery🎯Skill

slow-in-out-mastery skill from dylantarre/animation-principles

slow-in-out-mastery

🎯rive-animations🎯Skill

rive-animations skill from dylantarre/animation-principles

rive-animations

🎯animator-traditional🎯Skill

animator-traditional skill from dylantarre/animation-principles

animator-traditional

🎯exit-animations🎯Skill

exit-animations skill from dylantarre/animation-principles

exit-animations

🎯gesture-responses🎯Skill

gesture-responses skill from dylantarre/animation-principles

gesture-responses

🎯arc-mastery🎯Skill

arc-mastery skill from dylantarre/animation-principles

arc-mastery

🎯universal-elements🎯Skill

universal-elements skill from dylantarre/animation-principles

universal-elements

🎯timing-calibration🎯Skill

timing-calibration skill from dylantarre/animation-principles

timing-calibration

🎯solid-drawing-mastery🎯Skill

solid-drawing-mastery skill from dylantarre/animation-principles

solid-drawing-mastery

🎯large-500-800ms🎯Skill

large-500-800ms skill from dylantarre/animation-principles

large-500-800ms

🎯medium-300-500ms🎯Skill

medium-300-500ms skill from dylantarre/animation-principles

medium-300-500ms

🎯universal-fallback🎯Skill

universal-fallback skill from dylantarre/animation-principles

universal-fallback

🎯cards-containers🎯Skill

cards-containers skill from dylantarre/animation-principles

cards-containers

🎯timing-principle-mastery🎯Skill

timing-principle-mastery skill from dylantarre/animation-principles

timing-principle-mastery

🎯staging-mastery🎯Skill

staging-mastery skill from dylantarre/animation-principles

staging-mastery

🎯anticipation-mastery🎯Skill

anticipation-mastery skill from dylantarre/animation-principles

anticipation-mastery

🎯technical-constraints🎯Skill

technical-constraints skill from dylantarre/animation-principles

technical-constraints

🎯dramatic-2000ms-plus🎯Skill

dramatic-2000ms-plus skill from dylantarre/animation-principles

dramatic-2000ms-plus

🎯attention-grabbers🎯Skill

attention-grabbers skill from dylantarre/animation-principles

attention-grabbers

🎯micro-100-200ms🎯Skill

micro-100-200ms skill from dylantarre/animation-principles

micro-100-200ms

🎯accessibility-advocate🎯Skill

accessibility-advocate skill from dylantarre/animation-principles

accessibility-advocate

🎯data-visualization🎯Skill

Visualizes animation principles dynamically through interactive, data-driven charts and graphs that illustrate motion characteristics and design techniques.

data-visualization

🎯physics-intuition🎯Skill

physics-intuition skill from dylantarre/animation-principles

physics-intuition

🎯urgency-action🎯Skill

urgency-action skill from dylantarre/animation-principles

urgency-action

🎯naturalistic-motion🎯Skill

naturalistic-motion skill from dylantarre/animation-principles

naturalistic-motion

🎯figma-prototyping🎯Skill

figma-prototyping skill from dylantarre/animation-principles

figma-prototyping

🎯web-motion-design🎯Skill

web-motion-design skill from dylantarre/animation-principles

web-motion-design

🎯e-commerce-retail🎯Skill

e-commerce-retail skill from dylantarre/animation-principles

e-commerce-retail

🎯healthcare-medical🎯Skill

Applies Disney animation principles to visualize medical processes, patient experiences, and healthcare interactions with engaging, informative motion design.

healthcare-medical

🎯anticipation-payoff🎯Skill

anticipation-payoff skill from dylantarre/animation-principles

anticipation-payoff

🎯universal-patterns🎯Skill

universal-patterns skill from dylantarre/animation-principles

universal-patterns

🎯educator-teacher🎯Skill

educator-teacher skill from dylantarre/animation-principles

educator-teacher

🎯accordions-dropdowns🎯Skill

accordions-dropdowns skill from dylantarre/animation-principles

accordions-dropdowns

🎯accessibility-issues🎯Skill

accessibility-issues skill from dylantarre/animation-principles

accessibility-issues

🎯transition-sequences🎯Skill

transition-sequences skill from dylantarre/animation-principles

transition-sequences

🎯rhythm-pacing🎯Skill

rhythm-pacing skill from dylantarre/animation-principles

rhythm-pacing

🎯universal-timing🎯Skill

universal-timing skill from dylantarre/animation-principles

universal-timing

🎯instant-0-100ms🎯Skill

instant-0-100ms skill from dylantarre/animation-principles

instant-0-100ms

🎯brand-consistency🎯Skill

brand-consistency skill from dylantarre/animation-principles

brand-consistency

🎯responsive-adaptive🎯Skill

responsive-adaptive skill from dylantarre/animation-principles

responsive-adaptive

🎯carousels-sliders🎯Skill

carousels-sliders skill from dylantarre/animation-principles

carousels-sliders

🎯fintech-banking🎯Skill

fintech-banking skill from dylantarre/animation-principles

fintech-banking

🎯state-changes🎯Skill

state-changes skill from dylantarre/animation-principles

state-changes

🎯excitement-energy🎯Skill

excitement-energy skill from dylantarre/animation-principles

excitement-energy

🎯small-200-300ms🎯Skill

small-200-300ms skill from dylantarre/animation-principles

small-200-300ms

🎯slow-800-1200ms🎯Skill

slow-800-1200ms skill from dylantarre/animation-principles

slow-800-1200ms

🎯popmotion🎯Skill

popmotion skill from dylantarre/animation-principles

popmotion

🎯3d-spatial🎯Skill

3d-spatial skill from dylantarre/animation-principles

3d-spatial

🎯timing-mastery🎯Skill

timing-mastery skill from dylantarre/animation-principles

timing-mastery

🎯forms-inputs🎯Skill

forms-inputs skill from dylantarre/animation-principles

forms-inputs

🎯ux-friction🎯Skill

ux-friction skill from dylantarre/animation-principles

ux-friction

🎯game-development🎯Skill

Provides Claude with specialized guidance for applying Disney animation principles to game character movements, interactions, and visual dynamics.

game-development

🎯straight-ahead-pose-mastery🎯Skill

straight-ahead-pose-mastery skill from dylantarre/animation-principles

straight-ahead-pose-mastery

🎯universal-tool🎯Skill

universal-tool skill from dylantarre/animation-principles

universal-tool

🎯attention-direction🎯Skill

attention-direction skill from dylantarre/animation-principles

attention-direction

🎯playfulness-fun🎯Skill

playfulness-fun skill from dylantarre/animation-principles

playfulness-fun

🎯deliberate-1200-2000ms🎯Skill

deliberate-1200-2000ms skill from dylantarre/animation-principles

deliberate-1200-2000ms

🎯attention-management🎯Skill

attention-management skill from dylantarre/animation-principles

attention-management

🎯brand-strategist🎯Skill

Applies Disney animation principles to brand storytelling, helping craft compelling visual narratives and strategic communication that capture brand personality and emotional resonance.

brand-strategist

🎯professionalism-credibility🎯Skill

professionalism-credibility skill from dylantarre/animation-principles

professionalism-credibility

🎯media-publishing🎯Skill

media-publishing skill from dylantarre/animation-principles

media-publishing

🎯universal-industry🎯Skill

I apologize, but I cannot confidently infer the specific functionality of the "universal-industry" skill from the README provided. While the README describes a collection of animation principle ski...

universal-industry

🎯friendliness-approachability🎯Skill

friendliness-approachability skill from dylantarre/animation-principles

friendliness-approachability

🎯gaming-entertainment🎯Skill

gaming-entertainment skill from dylantarre/animation-principles

gaming-entertainment

🎯universal-mindset🎯Skill

universal-mindset skill from dylantarre/animation-principles

universal-mindset

🎯problem-diagnosis🎯Skill

problem-diagnosis skill from dylantarre/animation-principles

problem-diagnosis

🎯enterprise-b2b🎯Skill

enterprise-b2b skill from dylantarre/animation-principles

enterprise-b2b

🎯performance-optimization🎯Skill

Optimizes animation rendering and computational efficiency by applying Disney animation principles to minimize computational overhead and maximize smooth, performant motion.

performance-optimization

🎯secondary-action-mastery🎯Skill

secondary-action-mastery skill from dylantarre/animation-principles

secondary-action-mastery

🎯calm-relaxation🎯Skill

calm-relaxation skill from dylantarre/animation-principles

calm-relaxation

🎯implementation-debugging🎯Skill

implementation-debugging skill from dylantarre/animation-principles

implementation-debugging

🎯appeal-mastery🎯Skill

appeal-mastery skill from dylantarre/animation-principles

appeal-mastery

🎯icons-badges🎯Skill

icons-badges skill from dylantarre/animation-principles

icons-badges

🎯follow-through-overlapping🎯Skill

follow-through-overlapping skill from dylantarre/animation-principles

follow-through-overlapping

🎯comfort-safety🎯Skill

comfort-safety skill from dylantarre/animation-principles

comfort-safety

🎯mobile-touch🎯Skill

mobile-touch skill from dylantarre/animation-principles

mobile-touch

🎯exaggerated-clarity🎯Skill

Amplifies visual communication by dramatically emphasizing key movements or details to make an animation's intent and emotion more immediately comprehensible.

exaggerated-clarity

🎯animation principles - novice🎯Skill

animation principles - novice skill from dylantarre/animation-principles

animation principles - novice

🎯universal-solutions🎯Skill

universal-solutions skill from dylantarre/animation-principles

universal-solutions

🎯emotional-disconnect🎯Skill

emotional-disconnect skill from dylantarre/animation-principles

emotional-disconnect

🎯framer-motion🎯Skill

Enables Claude to generate and explain React animation configurations using Framer Motion, providing code snippets and design guidance for fluid, professional web interface animations.

framer-motion

🎯animation principles - expert🎯Skill

animation principles - expert skill from dylantarre/animation-principles

animation principles - expert

🎯animation principles - troubleshooting🎯Skill

animation principles - troubleshooting skill from dylantarre/animation-principles

animation principles - troubleshooting

🎯frontend-developer🎯Skill

Skill

frontend-developer

🎯social-media🎯Skill

Skill

social-media

🎯animation principles - universal reference🎯Skill

animation principles - universal reference skill from dylantarre/animation-principles

animation principles - universal reference

🎯product-manager🎯Skill

Skill

product-manager

🎯scroll-animations🎯Skill

scroll-animations skill from dylantarre/animation-principles

scroll-animations

🎯ux-researcher🎯Skill

Skill

ux-researcher

🎯hover-interactions🎯Skill

hover-interactions skill from dylantarre/animation-principles

hover-interactions

🎯animation principles - absolute beginner🎯Skill

animation principles - absolute beginner skill from dylantarre/animation-principles

animation principles - absolute beginner

🎯animation principles - master🎯Skill

animation principles - master skill from dylantarre/animation-principles

animation principles - master

🎯animation principles - deep dive🎯Skill

animation principles - deep dive skill from dylantarre/animation-principles

animation principles - deep dive

🎯animation principles - quick start🎯Skill

animation principles - quick start skill from dylantarre/animation-principles

animation principles - quick start

🎯animation principles - refresher🎯Skill

animation principles - refresher skill from dylantarre/animation-principles

animation principles - refresher

🎯css-native🎯Skill

css-native skill from dylantarre/animation-principles

css-native

🎯animation principles - teaching others🎯Skill

animation principles - teaching others skill from dylantarre/animation-principles

animation principles - teaching others

🎯animation principles - intermediate🎯Skill

animation principles - intermediate skill from dylantarre/animation-principles

animation principles - intermediate

🎯animation principles - advanced🎯Skill

animation principles - advanced skill from dylantarre/animation-principles

animation principles - advanced

🎯motion-one🎯Skill

motion-one skill from dylantarre/animation-principles

motion-one

🎯feedback-indicators🎯Skill

feedback-indicators skill from dylantarre/animation-principles

feedback-indicators

🎯entrance-animations🎯Skill

entrance-animations skill from dylantarre/animation-principles

entrance-animations

🎯continuous-loops🎯Skill

continuous-loops skill from dylantarre/animation-principles

continuous-loops

🎯continuous-infinite🎯Skill

continuous-infinite skill from dylantarre/animation-principles

continuous-infinite

🎯user-feedback-clarity🎯Skill

user-feedback-clarity skill from dylantarre/animation-principles

user-feedback-clarity

🎯modals-dialogs🎯Skill

modals-dialogs skill from dylantarre/animation-principles

modals-dialogs

🎯orchestrated-sequences🎯Skill

orchestrated-sequences skill from dylantarre/animation-principles

orchestrated-sequences

🎯notifications-toasts🎯Skill

notifications-toasts skill from dylantarre/animation-principles

notifications-toasts

🎯universal-emotion🎯Skill

universal-emotion skill from dylantarre/animation-principles

universal-emotion

🎯page-transitions🎯Skill

page-transitions skill from dylantarre/animation-principles

page-transitions

🎯travel-hospitality🎯Skill

travel-hospitality skill from dylantarre/animation-principles

travel-hospitality

🎯filmmaker🎯Skill

filmmaker skill from dylantarre/animation-principles

filmmaker

🎯exaggeration-mastery🎯Skill

exaggeration-mastery skill from dylantarre/animation-principles

exaggeration-mastery

🎯education-learning🎯Skill

education-learning skill from dylantarre/animation-principles

education-learning

🎯creative-director🎯Skill

creative-director skill from dylantarre/animation-principles

creative-director

🎯emotional-narrative🎯Skill

emotional-narrative skill from dylantarre/animation-principles

emotional-narrative

🎯trust-reliability🎯Skill

trust-reliability skill from dylantarre/animation-principles

trust-reliability

🎯universal-practitioner🎯Skill

universal-practitioner skill from dylantarre/animation-principles

universal-practitioner

🎯motion-sickness🎯Skill

motion-sickness skill from dylantarre/animation-principles

motion-sickness

🎯power-confidence🎯Skill

power-confidence skill from dylantarre/animation-principles

power-confidence

🎯character-appeal🎯Skill

character-appeal skill from dylantarre/animation-principles

character-appeal

🎯squash-stretch-mastery🎯Skill

squash-stretch-mastery skill from dylantarre/animation-principles

squash-stretch-mastery

🎯elegance-sophistication🎯Skill

elegance-sophistication skill from dylantarre/animation-principles

elegance-sophistication

Back to Home