Animation Principles - Novice — скилл для Claude Code: 12 принципов
Скилл разбирает 12 принципов анимации и даёт конкретные упражнения, чтобы применить их в простых проектах. Пригодится, когда база уже есть, а практики не хватает.
npx skills add dylantarre/animation-principles --skill animation-principles---novice -a claude-code
npx skills add dylantarre/animation-principles --skill novice -a claude-codeЧто делает Animation Principles - Novice
Скилл идёт по 12 принципам анимации и на каждом даёт короткое пояснение и упражнение. Squash and stretch: сжать мяч на 20-30% в момент удара, слегка растянуть на пике скорости. Anticipation: персонаж сгибает колени перед прыжком, и чем больше замах, тем крупнее ожидаемое действие. Staging проверяется силуэтом — если в тени непонятно, что происходит, позу надо переставить.
Дальше — методы и тайминг. Pose-to-pose советует брать для спланированных действий вроде ходьбы и диалогов, straight ahead — для огня и воды. Slow in and slow out: лишние кадры в начале и конце движения, меньше кадров в середине. Одно и то же действие в 4 кадрах выглядит резким и лёгким, в 12 — тяжёлым. Есть ещё арки, follow through, secondary action, exaggeration, solid drawing и appeal.
Порядок практики задан: сначала timing, squash/stretch и anticipation, потом арки, follow through и slow in/out, и только затем secondary action, staging и appeal. Скилл ставится в Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode — под каждую платформу своя команда. Это текстовое руководство без скриптов, так что ничего кроме самого скилла для работы не нужно.
Какие задачи решает
- применить squash and stretch к прыгающему мячу
- подобрать число кадров под нужный вес движения
- проверить позу персонажа по силуэту
- выбрать между pose-to-pose и straight ahead для сцены
- добавить follow through волосам и одежде после остановки
Примеры запросов агенту
- Помоги анимировать прыгающий мяч: где сжать, где растянуть
- Сколько кадров поставить, чтобы удар выглядел тяжёлым?
- Проверь мою позу персонажа по силуэту и скажи, что переставить
Как установить Animation Principles - Novice
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill animation-principles---novice -a claude-codenpx skills add dylantarre/animation-principles --skill novice -a claude-code2Вручную: положить файлы
~/.claude/skills/novice/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/novice/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill novice -a codex2Вручную: положить файлы
.agents/skills/novice/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill novice -a cursor2Вручную: положить файлы
.cursor/skills/novice/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles novice2Вручную: положить файлы
.github/skills/novice/SKILL.md1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill novice -a gemini-cli2Командой платформы
gemini skills install https://github.com/dylantarre/animation-principles --path skills/04-by-skill-level/noviceВручную: положить файлы
.devin/skills/novice/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill novice -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора86
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о Animation Principles - Novice
Как установить Animation Principles - Novice в Claude?
Выполните npx skills add dylantarre/animation-principles --skill animation-principles---novice -a claude-code, затем npx skills add dylantarre/animation-principles --skill novice -a claude-code. Файл скилла окажется по пути ~/.claude/skills/novice/SKILL.md.
Что делает Animation Principles - Novice?
Разбирает 12 принципов анимации и к каждому даёт упражнение: сжатие и растяжение, anticipation, staging, тайминг, арки, follow through и остальные. Учит применять их в простых проектах.
В каком порядке проходить принципы?
Сначала timing, squash/stretch и anticipation. Потом арки, follow through и slow in/out. В конце secondary action, staging и appeal.
Исходный текст
SKILL.md · MIT
--- name: Animation Principles - Novice description: Use when someone has basic awareness of animation principles and wants to start applying them in simple projects --- # Building Your Animation Foundation You know the basics. Now let's understand how to actually use these 12 principles in your work. ## 1. Squash and Stretch **What it does:** Gives weight and flexibility to objects. **Try this:** Animate a bouncing ball. Squash it 20-30% on impact, stretch it slightly at peak velocity. ## 2. Anticipation **What it does:** Prepares the viewer for action. **Try this:** Before a character jumps, have them bend their knees. The bigger the anticipation, the bigger the expected action. ## 3. Staging **What it does:** Directs attention clearly. **Try this:** Use silhouettes to test your poses. If you can't tell what's happening in shadow, restage it. ## 4. Straight Ahead vs Pose to Pose **What it does:** Two animation methods with different results. **Try this:** Use pose-to-pose for planned actions (walks, dialogue). Use straight ahead for wild, organic motion (fire, water). ## 5. Follow Through and Overlapping Action **What it does:** Creates natural, fluid movement. **Try this:** After your character stops, let hair, clothes, and appendages continue moving for a few frames. ## 6. Slow In and Slow Out **What it does:** Adds weight and smoothness. **Try this:** Add extra frames at the start and end of movements. Fewer frames in the middle means faster motion. ## 7. Arc **What it does:** Makes movement feel natural. **Try this:** Track your character's hand through a wave. It should draw a smooth curve, not zigzag. ## 8. Secondary Action **What it does:** Adds richness without distraction. **Try this:** A sad character might wipe their eye while talking. It supports the emotion without stealing focus. ## 9. Timing **What it does:** Controls the mood and physics. **Try this:** Same action, different frame counts. 4 frames = snappy/light. 12 frames = heavy/deliberate. ## 10. Exaggeration **What it does:** Pushes reality for effect. **Try this:** Find the real movement, then push it 20% further. Scared? Eyes wider. Angry? Lean more forward. ## 11. Solid Drawing **What it does:** Creates believable 3D forms. **Try this:** Draw your character from multiple angles. Maintain consistent volume throughout. ## 12. Appeal **What it does:** Makes characters watchable. **Try this:** Clear shapes, readable expressions, distinctive silhouettes. Avoid symmetry - asymmetry is more interesting. ## Practice Order Start with: Timing, Squash/Stretch, Anticipation Then add: Arcs, Follow Through, Slow In/Out Finally: Secondary Action, Staging, Appeal
© dylantarre · MIT · dylantarre/animation-principles