exaggerated-clarity — Claude Code skill: what it does, how to install
This skill helps make key animation moments easier to read. Use it to shape comedy, action, or story beats where subtle motion may get lost.
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-codeWhat exaggerated-clarity does
The skill gives guidance on pushing poses, facial expressions, timing, and motion so a character’s intent comes across clearly. It applies animation principles through deliberate exaggeration, including stronger silhouettes and sharper differences between fast action and stillness.
For motion that feels unclear, it recommends making poses bolder, holding extreme positions longer, and cutting busy secondary movement. If the result feels too cartoony, it suggests reducing squash and stretch and allowing more time for the motion to settle. Keep the scene’s internal logic and the character consistent; exaggeration should clarify the action, not turn it into parody.
What it helps with
- make a character pose read clearly in silhouette
- separate a quick action from a held pose
- show emotion through expression and reaction
- trim distracting secondary movement
- tone down squash and stretch in cartoony motion
Example prompts for the agent
- Make this pose read more clearly without changing the character’s personality.
- Suggest timing for a strike with a long windup and a brief action.
- This motion feels unclear; suggest which poses to push and what secondary movement to remove.
How to install exaggerated-clarity
1Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code2Manually: put the files in place
~/.claude/skills/exaggerated-clarity/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/exaggerated-clarity/
1Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a codex2Manually: put the files in place
.agents/skills/exaggerated-clarity/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a cursor2Manually: put the files in place
.cursor/skills/exaggerated-clarity/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles exaggerated-clarity2Manually: put the files in place
.github/skills/exaggerated-clarity/SKILL.md1Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a gemini-cli2Platform CLI
gemini skills install https://github.com/dylantarre/animation-principles --path skills/02-by-thinking-style/exaggerated-clarityManually: put the files in place
.devin/skills/exaggerated-clarity/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about exaggerated-clarity
How do I install exaggerated-clarity in Claude Code?
Run npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code. The skill file is at ~/.claude/skills/exaggerated-clarity/SKILL.md.
What does exaggerated-clarity do?
It offers ways to strengthen poses, timing, expressions, and other parts of a movement so important animation beats are easier to understand.
How does the skill address unclear motion?
It recommends making silhouettes stronger, holding extreme poses longer, reducing busy secondary action, and increasing timing contrast.
Source text
SKILL.md · MIT
--- name: exaggerated-clarity description: 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. --- # Exaggerated Clarity 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. ## Core Mental Model 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. ## The 12 Principles Through Amplification **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. ## Practical Application **Exaggeration Scales:** - Realistic: 100% (reference) - Feature animation: 120-150% - Broad comedy: 150-200% - Squash-stretch animation: 200-300% - Rubber hose: 300%+ **What to Exaggerate:** - Poses: Push silhouettes further - Timing: More contrast between fast and slow - Expressions: Bigger facial range - Physics: More squash, more stretch - Reactions: Delay and amplify **What NOT to Exaggerate:** - Internal logic (rules you've established) - Character consistency - Emotional truth (exaggerate expression, not falseness) When motion feels "mushy" or "unclear": 1. Strengthen silhouettes 2. Hold extreme poses longer 3. Reduce busy secondary action 4. Increase contrast in timing 5. Push poses 20% further When motion feels "cartoony" (unintentionally): 1. Reduce squash/stretch percentage 2. Ground physics with more settle time 3. Add subtle secondary naturalistic motion 4. Pull back exaggeration to 120% instead of 200% ## The Golden Rule **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.
© dylantarre · MIT · dylantarre/animation-principles