
Universal Fallback
When you're working on animation but don't have a specialized skill for your exact context, this gives you Disney's 12 principles as a general reference guide. It's a solid breakdown of squash and stretch, anticipation, arcs, timing, and the rest, with practical application notes for each. The quick reference table is handy when you just need a reminder of what principle does what. Honestly, it reads more like documentation than an interactive skill, but if you're implementing animation systems or need to explain these concepts to Claude in a conversation, having this loaded means you won't need to explain the fundamentals yourself. Think of it as animation vocabulary for any domain.
- skills.sh installs
- 525
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill universal-fallback --agent claude-codeInstalls into .claude/skills of the current project.
Files
Universal Animation Principles
Disney's 12 animation principles applied generically across any medium or context.
Quick Reference
| Principle | Universal Application |
|---|---|
| Squash & Stretch | Show impact and flexibility |
| Anticipation | Prepare before action |
| Staging | Direct attention clearly |
| Straight Ahead / Pose to Pose | Continuous vs keyframe approach |
| Follow Through / Overlapping | Elements complete at different rates |
| Slow In / Slow Out | Ease acceleration/deceleration |
| Arc | Natural curved motion paths |
| Secondary Action | Supporting elements reinforce primary |
| Timing | Duration affects perceived weight |
| Exaggeration | Push for clarity and impact |
| Solid Drawing | Maintain form and structure |
| Appeal | Design for engagement and delight |
The 12 Principles Explained
1. Squash & Stretch
Objects deform during action to show impact, weight, and flexibility. Volume remains constant—compression in one axis means expansion in another. The most important principle for showing life and physics.
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- 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
- Framer Motion1.8K
- Motion Designer1.7K
- Micro Interactions1.5K
- Web Motion Design1.4K