dylantarre avatar

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

Installs 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
1dylantarre avatarAnimation Principles - Advanceddylantarre/animation-principlesUse when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations0skills.sh installs
2dylantarre avatarAnimation Principles - Intermediatedylantarre/animation-principlesUse when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations0skills.sh installs
3dylantarre avatarAnimation Principles - Refresherdylantarre/animation-principlesUse when an experienced animator needs a quick reminder of the 12 principles without basic explanations0skills.sh installs
4dylantarre avatarAnimation Principles - Teaching Othersdylantarre/animation-principlesUse when someone needs to explain animation principles to students, mentees, or team members at various skill levels0skills.sh installs
5hoangnguyen0403 avatardesign-solutionhoangnguyen0403/agent-skills-standardTurn an approved PRD or implementation goal into SRS/FRS technical requirements (How), architecture, contracts, and verification decisions.0skills.sh installs
6kostard avatarforgecad-visual-speckostard/forgecad-public-kitTurn a concrete ForgeCAD artifact, build brief, HLD, or existing model into builder-honest image prompts for AI image models. Use when the user wants visual-spe0skills.sh installs