К основному содержанию
скилл CX Codex

exaggerated-clarity — скилл для Claude Code

Скилл помогает сделать ключевые моменты анимации выразительнее и понятнее. Пригодится для комедии, экшена и сцен, где движение должно сразу считываться.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code
Открыть на GitHub

Что делает exaggerated-clarity

Скилл предлагает усиливать позы, мимику, тайминг и физику движения, чтобы намерение персонажа было видно с первого взгляда. Он разбирает принципы анимации через преувеличение: например, предлагает яснее выстраивать силуэт и сильнее контрастировать быстрые действия с паузами.

Для невнятного движения он советует усилить позы, дольше удерживать крайние положения и убрать лишнее вторичное движение. Если анимация стала чересчур мультяшной, рекомендации обратные: уменьшить растяжение и добавить время на оседание. Важно сохранить внутреннюю логику сцены и характер персонажа: преувеличение должно прояснять движение, а не подменять его пародией.

Какие задачи решает

  • сделать позу персонажа читаемой по силуэту
  • усилить контраст между рывком и паузой
  • передать эмоцию через мимику и реакцию
  • убрать лишнее вторичное движение
  • сдержать чрезмерное растяжение в мультяшной анимации

Примеры запросов агенту

  • Сделай силуэт этой позы понятнее, не меняя характер персонажа.
  • Предложи контрастный тайминг для удара с длинной подготовкой и коротким действием.
  • Движение выглядит невнятно: подскажи, какие позы усилить и что убрать из вторичной анимации.

Как установить exaggerated-clarity

1Через Skills CLI (Vercel)

npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/exaggerated-clarity/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о exaggerated-clarity

Как установить exaggerated-clarity в Claude Code?

Выполните npx skills add dylantarre/animation-principles --skill exaggerated-clarity -a claude-code. Файл скилла находится по пути ~/.claude/skills/exaggerated-clarity/SKILL.md.

Что делает exaggerated-clarity?

Он подсказывает, как усилить позы, тайминг, мимику и другие элементы движения, чтобы ключевой момент анимации лучше считывался.

Как исправить невнятное движение по рекомендациям скилла?

Усилить силуэт, дольше удерживать крайние позы, убрать лишнее вторичное движение и увеличить контраст между быстрыми и медленными участками.

Исходный текст

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

Похожие скиллы

Все скиллы по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →
animation-principles iart-ai Скилл задаёт физику и тайминги интерфейсной анимации. Он выдаёт точные кривые cubic-bezier, задержки шагов и длительности в миллисекундах. CX Codex +1 3 000установок apple-design emilkowalski Переносит принципы физического интерфейса Apple с докладов WWDC в веб на CSS, Pointer Events и Motion. Пригодится при верстке жестов, шторки и прерываемых пружин. CX Codex +1 244 500установок improve-animations emilkowalski Скилл проводит ревизию анимаций в кодовой базе и составляет готовые планы доработок. Помогает найти неудачные тайминги и прыгающие элементы, не меняя код напрямую. CX Codex +1 224 200установок transitions-polish Jakubantalik Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion. CX Codex +1 10 800установок top-design wondelai Скилл направляет агента на создание веб-интерфейсов уровня Awwwards с акцентной типографикой, выверенной анимацией и оценкой макета по десятибалльной шкале. CX Codex +1 7 100установок motion-framer freshtechbro Помогает агенту добавлять анимации Motion и Framer Motion в React-интерфейсы: от эффектов наведения до переходов между состояниями. CX Codex +1 5 900установок

Из того же набора142

universal-patterns Задаёт базовые длительности, кривые изинга и 12 принципов анимации для любого движения в интерфейсе. Пригодится, когда агент пишет CSS-переходы и не угадывает с таймингом. CX Codex +1 496установок secondary-action-mastery Скилл учит добавлять вторичное движение так, чтобы оно поддерживало главное действие, а не спорило с ним. Пригодится в UI-анимации и игровом филе. CX Codex +1 496установок feedback-indicators Скилл для анимаций обратной связи: галочки успеха, тряска ошибок, валидация полей и тосты. Пригодится, когда интерфейс должен внятно отвечать на действие пользователя. CX Codex +1 495установок straight-ahead-pose-mastery Помогает выбрать между покадровой спонтанной анимацией и расчётом ключевых поз, а также выстроить гибридный пайплайн для интерфейсов, визуальных эффектов или игр. CX Codex +1 495установок Animation Principles - Troubleshooting Скилл разбирает, почему анимация выглядит неправильно, и подсказывает, какой принцип нарушен. Пригодится, когда движение «не читается», но причина неясна. CX Codex +1 492установок Animation Principles - Refresher Сжатый чек-лист по 12 классическим принципам анимации без лишней теории. Помогает опытным аниматорам быстро проверить сцену, найти причину скованности или вялости движений. CX Codex +1 492установок Animation Principles - Advanced Скилл для тех, кто уже знает базовые принципы анимации и хочет разобраться в нюансах: скрытый squash/stretch, отсутствие anticipation, сломанные арки. CX Codex +1 492установок emotional-disconnect Разбирает, почему анимация в интерфейсе ощущается неправильно, и подбирает движение под нужную эмоцию. Пригодится, когда UI называют холодным или раздражающим. CX Codex +1 491установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой