dylantarre avatar

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-code

Installs 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
1dylantarre avatarAnimation Principles - Quick Startdylantarre/animation-principlesUse when someone needs a rapid overview of all 12 animation principles in under 5 minutes0skills.sh installs
2dylantarre avatarAnimation Principles - Troubleshootingdylantarre/animation-principlesUse when animation feels wrong and you need to diagnose which principle is failing or being misapplied0skills.sh installs
3mims-harvard avatarProtein Interaction Network Analysismims-harvard/tooluniverseAnalyze protein-protein interaction networks using STRING, BioGRID, and SASBDB databases. Maps protein identifiers, retrieves interaction networks with confiden0skills.sh installs
4vladikk avatardesignvladikk/modularity>0skills.sh installs
5designed-by-ai avatardesign-mobile-appsdesigned-by-ai/skillsDesign mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.1.3Mskills.sh installs
6mattpocock avatarcodebase-designmattpocock/skillsShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a se934.4Kskills.sh installs