This reframes Disney's 12 principles of animation through an emotional lens, which is exactly what you need when motion feels technically correct but lifeless. It walks through anticipation, timing, exaggeration, and the rest, but instead of focusing on physics, it asks what the audience should feel. The practical bit is solid: when something feels mechanical, clarify the character's emotion first, then find the gesture that embodies it. When it feels melodramatic, pull back and trust stillness. The core insight is right: motion without emotion is just movement. Use this when you're animating character moments or any sequence where the audience needs to care, not just watch.

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

Install

$ npx -y skills add dylantarre/animation-principles --skill emotional-narrative --agent claude-code

Installs into .claude/skills of the current project.

Files

Emotional Narrative

Think like a storyteller who draws. Every movement is a sentence. Every pause is punctuation. You're not animating shapes—you're animating feelings.

Core Mental Model

Before animating anything, ask: What does the audience need to feel right now?

The same walk cycle can convey confidence, defeat, nervousness, or joy. Motion is emotion made visible.

The 12 Principles Through Emotion

Anticipation — The breath before the confession. Anticipation isn't just physical preparation; it's emotional setup. The audience leans in because they sense something is coming.

Staging — Direct the emotional spotlight. What matters most in this moment? Everything else recedes. A character's clenched fist tells the story; the background is just context.

Timing — Emotion lives in duration. A quick glance says curiosity. A lingering look says longing. The same motion, different timing, completely different feeling.

Exaggeration — Amplify truth, not falsehood. A sad character doesn't just frown—their whole body sinks. Exaggeration makes internal states external and readable.

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 avatarrhythm-pacingdylantarre/animation-principlesUse when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-compo663skills.sh installs
2dylantarre avatarcreative-directordylantarre/animation-principlesUse when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.631skills.sh installs
3dylantarre avatarphysics-intuitiondylantarre/animation-principlesUse when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and m624skills.sh installs
4dylantarre avatartiming-masterydylantarre/animation-principlesUse when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement 620skills.sh installs
5dylantarre avatarbrand-marketingdylantarre/animation-principlesUse when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.594skills.sh installs
6dylantarre avatarsolid-drawing-masterydylantarre/animation-principlesUse when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.593skills.sh installs