
Animation Principles Absolute Beginner
Takes the classic Disney 12 principles of animation and breaks them down into plain English for absolute beginners. You get simple explanations of squash and stretch, anticipation, staging, and the rest, with everyday examples like a bouncing ball or hair that keeps moving after you stop. It's basically a quick reference card that assumes zero animation knowledge. Useful if you're teaching Claude to critique animation work or generate animation descriptions and need it to understand foundational concepts. The explanations are almost too simple, which is either perfect for your use case or not, depending on whether you need technical depth.
- GitHub stars
- 70
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill 'Animation Principles - Absolute Beginner' --agent claude-codeInstalls into .claude/skills of the current project.
Files
Your First Look at Animation Magic
Animation makes drawings move in ways that feel real and fun. Disney animators discovered 12 tricks that make animation look great. Here they are in simple words:
1. Squash and Stretch
Things squish when they hit something and stretch when they move fast. Drop a ball - it flattens on the ground, then bounces back round.
2. Anticipation
Before a big move, there's a small move the other way. Before jumping up, you crouch down first.
3. Staging
Put important things where people will see them. Like putting the main actor in a spotlight on stage.
4. Straight Ahead and Pose to Pose
Two ways to draw: either draw every picture in order, or draw the important pictures first and fill in between.
5. Follow Through and Overlapping Action
When you stop, your hair keeps moving. Different parts move at different times, not all at once.
6. Slow In and Slow Out
Things speed up when starting and slow down when stopping. Like a car at a traffic light.
7. Arc
Most things move in curves, not straight lines. Throw a ball - it makes a rainbow shape in the air.
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- 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
- Scroll Animations1.2K
- Game Designer1.1K
- After Effects975
- Filmmaker943
- 3d Spatial824
- Gsap Greensock779
- Css Native760