Animation Principles - Intermediate — скилл для Claude Code
Скилл помогает связывать классические принципы анимации в сложных сценах. Он пригодится, когда базовые правила уже понятны, но движения разваливаются.
npx skills add dylantarre/animation-principles --skill animation-principles---intermediate -a claude-code
npx skills add dylantarre/animation-principles --skill intermediate -a claude-codeЧто делает Animation Principles - Intermediate
Скилл структурирует работу с 12 принципами анимации, разделяя их на четыре группы: физика, ясность, интерес и техника. Основной упор сделан на парные связки приёмов. Сжатие и растяжение жёстко привязаны к таймингу ради сохранения объёма, а размах упреждения должен соответствовать инерции захлёста. Для траекторий движения скилл требует совмещать дуги со сгущением кадров на концах пути.
Материал разбирает типичные сбои при комбинировании. Избыточное упреждение перед каждым движением убивает спонтанность, а нескоординированные вторичные действия рассеивают внимание зрителя. Для практики предложена пошаговая раскадровка посадки персонажа на стул. Сначала блокинг. Затем отдельные проходы полировки для каждой группы принципов.
Руководство требует уверенного владения базой: без знания отдельных правил применять эти связки не получится.
Какие задачи решает
- Согласовать размах упреждения с инерцией захлёста
- Выстроить иерархию во вторичных движениях персонажа
- Распределить замедление и ускорение вдоль траектории дуги
- Объединить ключевые позы компоновки со сквозной анимацией нахлёстов
Примеры запросов агенту
- Проверь тайминг и дуги в сцене, где персонаж садится на стул
- Помоги сбалансировать упреждение и захлёст для анимации прыжка
- Разбей движение персонажа на блокинг и проходы полировки по принципам
Как установить Animation Principles - Intermediate
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill animation-principles---intermediate -a claude-codenpx skills add dylantarre/animation-principles --skill intermediate -a claude-code2Вручную: положить файлы
~/.claude/skills/intermediate/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/intermediate/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill intermediate -a codex2Вручную: положить файлы
.agents/skills/intermediate/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill intermediate -a cursor2Вручную: положить файлы
.cursor/skills/intermediate/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles intermediate2Вручную: положить файлы
.github/skills/intermediate/SKILL.md1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill intermediate -a gemini-cli2Командой платформы
gemini skills install https://github.com/dylantarre/animation-principles --path skills/04-by-skill-level/intermediateВручную: положить файлы
.devin/skills/intermediate/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill intermediate -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о Animation Principles - Intermediate
Как установить Animation Principles - Intermediate в Claude Code?
Выполните команду npx skills add dylantarre/animation-principles --skill animation-principles---intermediate -a claude-code. Также можно вручную добавить файл ~/.claude/skills/intermediate/SKILL.md.
Зачем нужен этот скилл?
Он учит соединять отдельные правила анимации в единую систему, чтобы движения не выглядели механическими или перегруженными деталями.
Как скилл предлагает комбинировать позы и прямое движение?
Сначала выставляются основные ключевые позы персонажа методом pose-to-pose. Затем поверх них сквозным способом straight ahead анимируются нахлёсты и вторичные элементы вроде волос или одежды.
Исходный текст
SKILL.md · MIT
--- name: Animation Principles - Intermediate description: Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations --- # Combining Principles for Stronger Animation You can apply individual principles. Now learn to weave them together and understand their interdependencies. ## Principle Synergies ### Squash/Stretch + Timing Volume preservation is key. Faster motion = more stretch. The timing dictates the degree. A 2-frame anticipation needs less squash than a 6-frame one. ### Anticipation + Follow Through These are mirrors. Anticipation magnitude should roughly match follow through. Big wind-up = big settle. They create rhythmic bookends to any action. ### Staging + Secondary Action Secondary actions must support staging, never compete. If staging says "look at the face," secondary action in hands should point attention there, not away. ### Arcs + Slow In/Out Arcs aren't uniform speeds. Apply easing along the arc path. Spacing should bunch at start/end of the arc, spread in the middle. ### Pose to Pose + Straight Ahead Hybrid approach: Key poses first (pose-to-pose), then animate overlapping elements straight ahead. Best of both: structure with spontaneity. ## Common Combination Mistakes **Over-anticipation:** When every action has massive wind-up, nothing feels spontaneous. Reserve big anticipation for big payoffs. **Competing secondary actions:** Three things moving differently splits attention. Hierarchy matters - one leads, others support. **Uniform timing:** Every action at 12 frames feels mechanical. Vary your timing: quick decisions, slow realizations. **Arc neglect in follow through:** The main action arcs beautifully, then appendages move linearly. Everything arcs. ## The 12 Principles by Function **Physics:** Squash/Stretch, Timing, Arcs, Slow In/Out **Clarity:** Staging, Solid Drawing, Anticipation **Interest:** Secondary Action, Exaggeration, Appeal **Technique:** Straight Ahead/Pose to Pose, Follow Through/Overlap ## Integration Exercise Animate a character sitting down: 1. **Staging:** Camera angle shows full body profile 2. **Anticipation:** Slight upward before descent 3. **Arcs:** Hips trace a curved path down 4. **Timing:** Faster drop, slower settle 5. **Squash:** Compress on contact 6. **Follow Through:** Arms/head continue after hips land 7. **Overlapping:** Hair settles last 8. **Secondary:** Adjusting clothing 9. **Slow Out:** Gradual stop to final pose Layer principles one at a time. Blocking first, then refinement passes for each principle category.
© dylantarre · MIT · dylantarre/animation-principles