Skip to main content
skill CX Codex

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.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code
Open on GitHub

What 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-code

2Manually: put the files in place

~/.claude/skills/exaggerated-clarity/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/exaggerated-clarity/

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

Similar skills

All skills for Game dev and 3D: Unity, Unreal, Godot, Blender →

From the same set142

universal-patterns Sets baseline durations, easing curves and the 12 animation principles for any motion in an interface. Useful when your agent writes CSS transitions and guesses the timing wrong. CX Codex +1 496installs secondary-action-mastery A skill for adding secondary motion that supports the primary action instead of fighting it. Useful for UI animation and game feel. CX Codex +1 496installs feedback-indicators A skill for confirmation animations: success checkmarks, error shakes, form validation and toasts. Useful when the UI has to answer back clearly. CX Codex +1 495installs straight-ahead-pose-mastery Helps developers choose between spontaneous motion passes and structured key poses, establishing hybrid animation pipelines for interfaces, effects, and games. CX Codex +1 495installs Animation Principles - Troubleshooting A skill that diagnoses why an animation feels wrong and points to the principle being misapplied. Useful when the motion reads badly but the cause is unclear. CX Codex +1 492installs Animation Principles - Refresher A concise 12-principles animation checklist without basic theory. Helps experienced animators quickly audit shots, diagnose floaty or stiff movement, and prioritize principles. CX Codex +1 492installs Animation Principles - Advanced A skill for animators who already know the fundamentals and want the nuances: invisible squash/stretch, missing anticipation, deliberately broken arcs. CX Codex +1 492installs emotional-disconnect Diagnoses why an animation feels wrong and matches motion to the emotion the moment should carry. Useful when users call your UI cold or annoying. CX Codex +1 491installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor