
Animation Principles Master
This one treats animation principles as cognitive science rather than just art rules. The approach is refreshingly specific: squash and stretch aren't stylistic choices, they're matching what our brains expect from persistence of vision and observed physics. It frames staging as information architecture for human attention limits, and breaks down why anticipation makes motion readable to our predictive processing systems. If you're building animation tools or teaching Claude to critique motion work, the perceptual psychology angle gives you better reasoning foundations than the usual "make it look good" heuristics. The pose-to-pose versus straight-ahead framing as different philosophies is a nice touch for articulating intent.
- GitHub stars
- 70
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill 'Animation Principles - Master' --agent claude-codeInstalls into .claude/skills of the current project.
Files
The Philosophy Behind the Principles
Masters don't just apply principles - they understand their origins in human perception and storytelling. This is animation as visual psychology.
Why the Principles Work
Squash and Stretch: Persistence of Vision
The eye blurs motion. Stretch simulates motion blur our brains expect. Squash simulates impact compression we've observed since infancy. We're matching internal neural predictions.
Anticipation: Predictive Processing
Human brains constantly predict next moments. Anticipation feeds this system information, making action legible. Without it, perception lags behind action.
Staging: Attentional Bandwidth
Humans have limited focal attention. Staging respects cognitive constraints. It's not artistic preference - it's information architecture for biological processors.
Method Philosophy
Pose-to-pose: Animation as acting - clear intentions, deliberate choices. Straight ahead: Animation as discovery - emergent behavior, organic evolution. Both philosophies are valid worldviews.
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 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
- Saas Productivity757
- Game Development750
- Page Transitions718
- Fitness Wellness709
- Presentations705