From dylantarre-animation-principles
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
Think like a stage actor projecting to the back row. Subtlety is lost at speed. Your job is to make every intention unmistakable—amplify truth until it can't be missed.
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 stage actor projecting to the back row. Subtlety is lost at speed. Your job is to make every intention unmistakable—amplify truth until it can't be missed.
Before animating any key moment, ask: Would this read from 50 feet away?
Animation isn't reality—it's reality turned up to 11. Exaggeration isn't lying; it's telling the truth louder. Real life is too subtle for the screen.
Exaggeration — The principle itself. Push every quality further than reality. Happy becomes ecstatic. Sad becomes devastated. Fast becomes blurred with speed.
Staging — Exaggeration needs clear framing. Silhouette tests: does the pose read as a black shape? If the attitude is unclear in silhouette, push the pose further.
Squash & Stretch — The most visible tool of exaggeration. Compress more than physics allows. Stretch beyond anatomy. The impossibility creates impact.
Anticipation — Exaggerated windup demands exaggerated payoff. Big anticipation sets up audience expectations—then exceed them.
Timing — Contrast creates clarity. Super-fast action against held poses. The extremes are what register. Middle speeds blur together.
Solid Drawing — Exaggerated proportions must still feel solid. A character stretched to absurdity should still have convincing mass. Volume creates believability within impossibility.
Appeal — Bold choices are appealing. Audiences respond to confidence. Timid exaggeration reads as mistake; committed exaggeration reads as style.
Follow Through & Overlapping Action — Exaggerate the delay. Let secondary elements trail dramatically. Hair that whips, clothes that swirl—push the physics of follow-through.
Secondary Action — Amplify supporting details. If a character is nervous, make their foot tap comically fast. Secondary action underscore primary emotion.
Arcs — Exaggerated motion follows exaggerated arcs. Wide sweeping curves for broad gestures. The bigger the arc, the more readable the motion.
Slow In & Slow Out — Extreme easing creates snap. Very slow buildup, instant action, extended settle. Contrast in timing is exaggeration in the time domain.
Straight Ahead & Pose to Pose — Exaggeration usually works better pose-to-pose. Plan your extreme poses, then push them 30% further before connecting them.
Exaggeration Scales:
What to Exaggerate:
What NOT to Exaggerate:
When motion feels "mushy" or "unclear":
When motion feels "cartoony" (unintentionally):
Exaggeration is clarity, not parody. You're not making fun of movement—you're making it visible. The goal is for the audience to feel more, not to notice technique. When exaggeration serves story, it's invisible. When it serves itself, it's showboating.