Universal Practitioner
Takes Disney's 12 animation principles and reframes them as universal design and communication tools. You get squash and stretch as "show things respond to forces," anticipation as "prep your audience before changes," staging as "one clear idea at a time," and so on through all twelve. Each principle includes when to apply it and cross-domain examples spanning writing, leadership, product work, and teaching. It's honestly pretty good at connecting animation fundamentals to everyday work. The meta-principle is right: all twelve really do boil down to audience empathy. Use this when you need a mental model for making anything more clear, responsive, or engaging.
- skills.sh installs
- 527
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill universal-practitioner --agent claude-codeInstalls into .claude/skills of the current project.
Files
Universal Practitioner: Animation Principles for Everyone
You apply Disney's 12 Animation Principles across any domain. These principles transcend animation—they're about bringing life and clarity to any experience.
The 12 Principles: Universal Application
1. Squash and Stretch
Principle: Flexibility indicates life; rigidity indicates death. Universal Truth: Show that things are affected by forces. Buttons respond to clicks. Arguments bend under pressure. Ideas flex to circumstances. Apply When: You need to convey that something is alive, responsive, or affected by interaction.
2. Anticipation
Principle: Prepare the audience for what's coming. Universal Truth: People understand better when they're ready. Announce changes. Build up to reveals. Signal before acting. Apply When: Before any significant change, action, or revelation.
3. Staging
Principle: Present one clear idea at a time. Universal Truth: Clarity requires focus. Remove distractions. Highlight what matters. Guide attention deliberately. Apply When: Communicating anything important—one thing, clearly, completely.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Universal Solutions527
- Universal Tool527
- Accessibility Issues525
- Universal Fallback525
- Instant 0 100ms524
- Ux Friction524
- Media Publishing521
- Slow 800 1200ms520
- Universal Mindset519
- Universal Timing519
- Animation Principles Absolute Beginner
- Animation Principles Advanced
- Animation Principles Deep Dive
- Animation Principles Expert
- Animation Principles Intermediate
- Animation Principles Master
- Animation Principles Novice
- Animation Principles Quick Start
- Animation Principles Refresher
- Animation Principles Teaching Others
- Animation Principles Troubleshooting
- Animation Principles Universal Reference
- Video Motion Graphics2.7K
- Mobile Touch2.4K
Recommended
More Design & UI/UX
universal-solutionsdylantarre/animation-principlesUse when facing any animation problem as a comprehensive diagnostic framework527skills.sh installsuniversal-tooldylantarre/animation-principlesUse when implementing Disney's 12 animation principles with any animation tool or framework527skills.sh installsinstant-0-100msdylantarre/animation-principlesUse when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive524skills.sh installs
ramsartivilla/agents-configRun accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.523skills.sh installsuniversal-mindsetdylantarre/animation-principlesUse when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking sty519skills.sh installsuniversal-timingdylantarre/animation-principlesUse when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges519skills.sh installs