dylantarre avatar

Animation Principles Teaching Others

This is for teaching animation fundamentals to others, not for animating yourself. It breaks down how to explain each of the 12 principles of animation at different skill levels, with specific teaching strategies for common student mistakes. You get concrete examples like using a bouncing ball for squash and stretch, or showing real athletes to demonstrate anticipation. Each principle includes a "show first" approach and a key phrase to make it stick. If you're mentoring junior animators or running workshops, this gives you a teaching framework rather than making you figure out pedagogy from scratch. The 42 GitHub stars suggest it's found an audience among animation educators.

GitHub stars
70
last updated
Aug 21, 2026

Install

$ npx -y skills add dylantarre/animation-principles --skill 'Animation Principles - Teaching Others' --agent claude-code

Installs into .claude/skills of the current project.

Files

Teaching the 12 Principles Effectively

Teaching animation principles requires meeting students where they are. Here's how to communicate each principle at different levels.

Teaching Strategies by Principle

1. Squash and Stretch

Show first: Bouncing ball exercise - universal, immediate, undeniable. Common confusion: Students preserve shape instead of volume. Use clay demonstration. Key phrase: "Volume stays the same, shape changes."

2. Anticipation

Show first: Video of real athletes - every jump has a crouch. Common confusion: Making anticipation too large or too long. Key phrase: "The audience needs a heads-up."

3. Staging

Show first: Silhouette test. If they can't read it as a shadow, it fails. Common confusion: Cluttering with detail before establishing clarity. Key phrase: "What's the ONE thing this frame says?"

4. Straight Ahead / Pose to Pose

Show first: Same action animated both ways - compare results. Common confusion: Thinking one method is "correct." Key phrase: "Pose to pose for control, straight ahead for discovery."

Sponsors

Details

Repository
github.com/dylantarre/animation-principles
Categories
Documentation, Design & UI/UX
First seen
Jun 3, 2026

More from dylantarre/animation-principles

All 144
1electron avatarelectron-chromium-upgradeelectron/electronGuide for performing Chromium version upgrades in the Electron project. Use when working on the roller/chromium/main branch to fix patch conflicts during `e syn0skills.sh installs
2EvanBacon avatarexpo-modulesEvanBacon/apple-healthBuilding great Expo native modules for iOS and Android. Views, APIs, Marshalling, Shared Objects, Expo Documentation, Verifying Expo modules.0skills.sh installs
3firebase avatarfirebase-data-connectfirebase/agent-skillsBuilds and deploys Firebase SQL Connect (aka Firebase Data Connect) backends with PostgreSQL securely. Use when designing schemas with tables and relations, wri0skills.sh installs
4frankchen021 avatarsource-code-inspectionfrankchen021/datastoriaInvestigate application or repository source code with search_file and read_file to explain behavior, trace root causes of runtime or query errors, and answer w0skills.sh installs
5ganyuanran avatarbrainstormingganyuanran/aegisThis is the skill you reach for before writing any code on non-trivial work.0skills.sh installs
6golbin avatarreview-implementationgolbin/agent-skillsReview implementation against provided markdown requirements, specs, PRDs, or phase docs; optionally apply focused fixes. Use when a user supplies .md file path0skills.sh installs