You'll want this when animating anything that needs to feel alive rather than mechanical. It's built around the idea that living things are never truly still, they breathe, shift weight, and respond to their environment constantly. The framework walks through all 12 animation principles filtered specifically for organic motion, with practical callouts like avoiding twinning, adding micro-saccades to eyes, and layering secondary actions so a character breathes while talking while blinking. The emphasis on reference study and the baseline that "stillness equals death" makes this especially useful for creature work, character animation, or nature elements where you need that subtle sense of aliveness. Good mental model to have loaded when robotic timing is killing your scene.

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

Install

$ npx -y skills add dylantarre/animation-principles --skill naturalistic-motion --agent claude-code

Installs into .claude/skills of the current project.

Files

Naturalistic Motion

Think like a biologist watching life unfold. Nothing in nature moves mechanically. Everything breathes, adjusts, responds. Life is continuous subtle motion.

Core Mental Model

Before animating anything alive, ask: What is this creature feeling and responding to?

Living things are never truly still. They shift weight, breathe, notice, adjust. Naturalistic motion isn't about copying reality—it's about capturing aliveness.

The 12 Principles Through Organic Life

Secondary Action — Life is layered motion. While a character talks, they breathe. While they breathe, they blink. While they blink, their weight shifts. Stack subtle actions.

Follow Through & Overlapping Action — Bodies are systems of connected parts. Movement cascades through joints and soft tissue. Nothing moves in isolation.

Arcs — Nature abhors straight lines. Every joint creates rotation. Every movement traces curves. Study the path of a hand gesture—it's never linear.

Slow In & Slow Out — Organic motion accelerates and decelerates continuously. Muscles engage and release. This is what makes movement look "alive" rather than robotic.

Sponsors

Details

Repository
github.com/dylantarre/animation-principles
Categories
Code Review & Quality, Marketing & SEO, Design & UI/UX
First seen
Jun 3, 2026

More from dylantarre/animation-principles

All 144
1freestylefly avatarcanghe-comicfreestylefly/canghe-skillsKnowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image generatio584skills.sh installs
2pedronauck avatarno-workaroundspedronauck/skillsFix problems at their root cause instead of patching symptoms. Use when debugging, fixing bugs, resolving test failures, planning a solution, or reviewing a cha584skills.sh installs
3aj-geddes avatartechnical-roadmap-planningaj-geddes/useful-ai-promptsCreate comprehensive technical roadmaps aligned with business goals. Plan technology investments, architecture evolution, and infrastructure improvements over q582skills.sh installs
4aaronontheweb avatarcrap-analysisaaronontheweb/dotnet-skillsAnalyze code coverage and CRAP (Change Risk Anti-Patterns) scores to identify high-risk code. Use OpenCover format with ReportGenerator for Risk Hotspots showin581skills.sh installs
5plugin87 avatarredesignplugin87/ux-ui-agent-skillsUpgrade an existing website or app to premium quality without breaking functionality — audit the current design, identify generic/AI tells, then apply taste and580skills.sh installs
6davila7 avataragent-memory-mcpdavila7/claude-code-templatesA hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).575skills.sh installs