
Exaggeration Mastery
Helps you calibrate how far to push motion beyond realism so it actually reads on screen. The core insight is that photographic accuracy usually feels dead in animation because the camera loses dimension and feedback. It breaks down exaggeration levels from subtle (1.1x for corporate work) to theatrical (2x+ for cartoons) and what to push: poses, timing, spacing, arcs. The restraint paradox is useful: push until it's clearly too much, then pull back 20%. Works across UI micro-interactions, character animation, and game feel. Most valuable for catching that common mistake where motion feels stiff because you're being too literal with physics.
- skills.sh installs
- 562
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill exaggeration-mastery --agent claude-codeInstalls into .claude/skills of the current project.
Files
Exaggeration Mastery
The Truth Beyond Realism
Exaggeration isn't about making things unrealistic—it's about making things feel true. A perfect photographic copy of motion often feels dead on screen. Animation requires pushing beyond literal reality to capture the essence of movement, emotion, and intent.
Core Theory
The camera lies: Film loses dimension, haptic feedback, and environmental immersion. What reads clearly in real life often flattens on screen. Exaggeration compensates for this loss.
Essence over accuracy: Exaggeration distills motion to its essential quality. A sad slump becomes sadder. A joyful leap becomes more joyful. The caricature captures truth the photograph misses.
The Exaggeration Spectrum
Subtle (1.1-1.2x): Corporate, serious contexts. Motion feels polished but grounded. Moderate (1.3-1.5x): Consumer products, friendly brands. Motion feels alive and engaging. Bold (1.6-2x): Entertainment, games, playful contexts. Motion has personality and energy. Theatrical (2x+): Cartoons, comedy, stylized work. Motion defines the reality.
What to Exaggerate
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Performance Optimization562
- React Spring562
- Enterprise B2b558
- Cards Containers557
- Orchestrated Sequences557
- Universal Emotion556
- Loaders Spinners554
- Forms Inputs553
- Secondary Action Mastery551
- Social Media551
- Attention Management550
- Brand Strategist548
- Exit Animations547
- Exaggerated Clarity546
- Accordions Dropdowns545
- Straight Ahead Pose Mastery543
- Timing Calibration543
- Continuous Loops542
- Lists Grids542
- Urgency Action542
- User Feedback Clarity542
- Power Confidence540
- Feedback Indicators539
- Universal Patterns539