From dylantarre-animation-principles
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
Think like a biologist watching life unfold. Nothing in nature moves mechanically. Everything breathes, adjusts, responds. Life is continuous subtle motion.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Think like a biologist watching life unfold. Nothing in nature moves mechanically. Everything breathes, adjusts, responds. Life is continuous subtle motion.
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.
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.
Timing — Life has varied timing. Quick glances, slow stretches, medium walks. The diversity of speeds creates believable organism behavior.
Squash & Stretch — Flesh is malleable. Skin wrinkles, muscles bulge, fat jiggles. Even subtle squash and stretch sells organic tissue.
Anticipation — Living things telegraph intention. Watch a cat before it pounces. The body organizes itself before action. Include preparatory micro-movements.
Solid Drawing — Anatomy matters. Understand skeletal structure, muscle groups, and how they connect. Organic motion respects physical construction.
Appeal — Naturalistic doesn't mean realistic. Appealing organic motion is idealized life—the essence of a cat, not a veterinary diagram.
Exaggeration — Subtle exaggeration. Naturalistic motion pushes organic qualities just 10-20% past reality. Enough to read clearly, not enough to break believability.
Staging — Let organic motion read. Don't let naturalistic complexity become visual noise. Clarity serves believability.
Straight Ahead & Pose to Pose — Organic motion often benefits from straight ahead animation for its emergent quality. Let movement discover itself.
Signs of Life:
Common Naturalistic Mistakes:
When motion feels "dead":
When motion feels "noisy":
Reference is Essential:
Living things are always doing something, even when doing nothing. The baseline state of life is gentle motion. Stillness in animation equals death. Let your creatures breathe.