This is the foundational thinking pattern for any animation work where you need to step back and approach motion like a master animator rather than following recipes. It reframes the 12 principles of animation not as rules to apply but as integrated tools serving story and feeling. Use it when starting a new shot, when specialized techniques feel too narrow, or when you need to remember that animation is about creating the illusion of life, not just moving objects. The core mental model is simple: ask what truth about motion you're trying to reveal, then let principle become invisible and intention become everything. Includes practical questions to ask before, during, and after animating.

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

Install

$ npx -y skills add dylantarre/animation-principles --skill universal-mindset --agent claude-code

Installs into .claude/skills of the current project.

Files

Universal Animator Mindset

Think like a master animator who has internalized all principles so deeply they no longer think about rules—they think about life, motion, and story. This is the integrated mind.

Core Mental Model

For any animation challenge, ask: What truth about motion am I trying to reveal?

The 12 principles aren't rules to follow—they're tools to wield. A master doesn't think "I need more anticipation." They think "this needs to breathe before it explodes." The principle is invisible; the intention is everything.

The Integrated Approach

1. Start With Why

Before touching a frame, understand:

  • What story is this motion telling?
  • What should the audience feel?
  • What's the essence of this action?

2. Observe Reality

  • Watch the real world constantly
  • Reference is never cheating—it's research
  • Understand why things move before animating how

3. Exaggerate Thoughtfully

  • Push past reality to find clarity
  • Match exaggeration to style and tone
  • Truth amplified, never truth abandoned

4. Serve the Character

  • Motion reveals personality
  • Every character moves differently
  • The same action feels different for different people

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 avataruniversal-timingdylantarre/animation-principlesUse when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges519skills.sh installs
2horuz-ai avatarwebsite-clonerhoruz-ai/claude-pluginsAgentic workflow for cloning websites with pixel-perfect fidelity using specialized sub-agents. Use when the user wants to clone/copy/replicate a website, creat509skills.sh installs
3evoscientist avataracademic-slidesevoscientist/evoskillsUse this skill for creating or refining an academic slide deck and the talk built around it: structuring a conference talk, thesis defense, lab meeting, or pape501skills.sh installs
4vercel-labs avatarcreate-remotion-geistvercel-labs/skill-remotion-geistCreate Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's visu499skills.sh installs
5devanshudesai avatarexpo-liquid-glassdevanshudesai/agent-skillsDesign and implement beautiful, fluid Liquid Glass interfaces in Expo React Native apps. Covers four paths: (1) expo-glass-effect for UIKit-backed glass surface493skills.sh installs
6glebis avatarpdf-generationglebis/claude-skillsProfessional PDF generation from markdown using Pandoc with Eisvogel template and EB Garamond fonts. Use when converting markdown to PDF, creating white papers,489skills.sh installs