Exaggerated Clarity
This teaches you to animate like a stage actor projecting to the back row. It walks through all 12 animation principles through the lens of amplification: how to push squash and stretch beyond anatomy, when to use 150% versus 300% exaggeration scales, and the critical silhouette test for readable poses. The mental model is simple: would this read from 50 feet away? What makes it practical is the troubleshooting section. When motion feels mushy, it tells you to strengthen silhouettes and hold extremes longer. When it feels unintentionally cartoony, pull back to 120% and add more settle time. It's opinionated about the difference between clarity and parody, which is the line most animators struggle with.
- skills.sh installs
- 546
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill exaggerated-clarity --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Accordions Dropdowns545
- Straight Ahead Pose Mastery543
- Timing Calibration543
- Continuous Loops542
- Lists Grids542
- Urgency Action542
- User Feedback Clarity542
- Power Confidence540
- Feedback Indicators539
- Universal Patterns539
- Continuous Infinite535
- Emotional Disconnect534
- Problem Diagnosis534
- Responsive Adaptive534
- State Changes534
- Popmotion533
- Professionalism Credibility533
- Comfort Safety532
- Implementation Debugging532
- Technical Constraints532
- Friendliness Approachability531
- Motion Sickness531
- Large 500 800ms530
- Medium 300 500ms530
Recommended
More Design & UI/UX
continuous-loopsdylantarre/animation-principlesUse when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.542skills.sh installsuniversal-patternsdylantarre/animation-principlesUse when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.539skills.sh installscontinuous-infinitedylantarre/animation-principlesUse when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue535skills.sh installsproblem-diagnosisdylantarre/animation-principlesUse when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and ne534skills.sh installsslow-800-1200msdylantarre/animation-principlesUse when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb520skills.sh installs
governanceplugin87/ux-ui-agent-skillsGovern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and change communication. Use when the user 516skills.sh installs