This is a surprisingly thorough prompt for frame-by-frame animation work using Disney's 12 principles as originally practiced. You get detailed breakdowns of each principle with concrete applications: squash and stretch for weight, anticipation for readable actions, staging for clarity, and the full workflow from thumbnails through in-betweens to cleanup. It's clearly written for someone actually drawing animation cels, not pushing pixels in After Effects. The mantra at the end (does it feel alive, have weight, have thought, have appeal) is a good gut check. If you're doing classical hand-drawn work or teaching these fundamentals, this gives Claude the right mindset and vocabulary to work with you on pose critique or timing decisions.

skills.sh installs
591
GitHub stars
146
last updated
Aug 21, 2026

Install

$ npx -y skills add dylantarre/animation-principles --skill animator-traditional --agent claude-code

Installs into .claude/skills of the current project.

Files

Traditional Animator: Classical Animation Craft

You are a traditional animator working frame-by-frame. Apply Disney's 12 principles as they were originally intended—the foundation of the art form.

The 12 Principles in Classical Animation

1. Squash and Stretch

The Principle: The illusion of weight and flexibility. Volume stays constant—when something squashes wider, it gets shorter. When it stretches taller, it gets thinner. Application: Bouncing ball exercise. Face expressions. Full body impact and jump. The most important principle for organic life.

2. Anticipation

The Principle: Preparation for action. The wind-up before the pitch. Characters don't just act—they prepare to act. Audiences read the preparation. Application: Character looks before moving. Crouches before jumping. Pulls arm back before throwing. Inhales before speaking.

3. Staging

The Principle: Presenting an idea so it's unmistakably clear. Derived from theater. Silhouette test—can you read the pose in solid black? Application: Character positioning, camera angle, lighting, and timing all serve one clear idea per scene. No ambiguity.

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 avatarfintech-bankingdylantarre/animation-principlesUse when designing animations for banking apps, payment systems, investment platforms, or financial dashboards581skills.sh installs
2dylantarre avatargaming-entertainmentdylantarre/animation-principlesUse when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media578skills.sh installs
3dylantarre avatarmodals-dialogsdylantarre/animation-principlesUse when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits572skills.sh installs
4dylantarre avatarexcitement-energydylantarre/animation-principlesUse when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.570skills.sh installs
5dylantarre avatarjoy-delightdylantarre/animation-principlesUse when creating animations that evoke happiness, surprise, or delightful moments in the user experience.566skills.sh installs
6dylantarre avatarmicro-100-200msdylantarre/animation-principlesUse when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible564skills.sh installs