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

Animation Principles - Refresher — скилл для Claude Code: установка

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

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

Что делает Animation Principles - Refresher

Скилл загружает в контекст ассистента шпаргалку по 12 принципам анимации, диагностическую матрицу дефектов и финальный чек-лист шота. Никаких базовых описаний здесь нет: только рабочие ориентиры вроде правила «найди реалистичное движение, затем добавь 20% утрирования» или проверки иерархии захлёста от корня к кончикам.

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

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

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

  • Проверить шот по ключевым принципам перед сдачей
  • Выявить причину скованности или неестественной плавности анимации
  • Выстроить приоритеты принципов под экшен, диалоги или комедию
  • Исправить механические траектории и сбалансировать тайминг

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

  • Проверь анимацию удара мечом: движение кажется механическим и вялым
  • Помоги расставить приоритеты принципов анимации для диалоговой сцены двух персонажей
  • Персонаж в прыжке кажется невесомым. Что подкрутить в спейсинге и тайминге?

Как установить Animation Principles - Refresher

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/refresher/SKILL.md

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

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

Вопросы о Animation Principles - Refresher

Как установить Animation Principles - Refresher в Claude Code?

Выполните команду npx skills add dylantarre/animation-principles --skill refresher -a claude-code.

Для кого предназначен этот скилл?

Скилл создан для практикующих аниматоров, которым нужна быстрая сверка со стандартами без вводных лекций.

Какие проблемы с движением помогает разобрать скилл?

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

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

SKILL.md · MIT
---
name: Animation Principles - Refresher
description: Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
---

# Quick Principles Refresher

You know these. Here's the checklist.

## The 12

1. **Squash/Stretch** - Volume constant, shape varies. Check your impacts and fast motion.

2. **Anticipation** - Is the audience prepared? Opposite direction, proportional to action.

3. **Staging** - Silhouette test. One idea. Where's the eye going?

4. **Straight Ahead / Pose to Pose** - Right method for this shot? Maybe hybrid.

5. **Follow Through / Overlap** - Does everything stop at once? (It shouldn't.) Hierarchy: root leads, tips lag.

6. **Slow In / Out** - Checked your spacing charts? Bunched at ends, spread in middle.

7. **Arcs** - Track the paths. Everything curves unless intentionally broken.

8. **Secondary Action** - Supporting, not competing. Add after primary works.

9. **Timing** - Frame count matches intent? Weight, mood, pacing all live here.

10. **Exaggeration** - Did you push it enough? (Probably not.) Find real, then go 20% past.

11. **Solid Drawing** - Does it have weight? Volume consistent through motion?

12. **Appeal** - Would you watch this? Clear shapes, readable pose, distinctive design?

## Quick Diagnosis

**Floaty?** Check timing and slow in/out. Probably too even.

**Stiff?** Add overlap. Offset timing. Break symmetry.

**Confusing?** Staging issue. Simplify. One idea per shot.

**Mechanical?** Arcs are probably too straight. Add anticipation variety.

**Dead?** Secondary action missing. Overlap insufficient.

**Boring?** Push exaggeration. Check appeal. Vary timing.

## Shot Checklist

Before calling it done:

- [ ] Silhouette reads
- [ ] Arcs tracked
- [ ] Spacing varied (slow in/out)
- [ ] Overlap on all appendages
- [ ] Secondary action supports (doesn't compete)
- [ ] Exaggeration appropriate to style
- [ ] Timing matches weight and mood
- [ ] Anticipation proportional
- [ ] Volume consistent
- [ ] Appeal present

## Principle Priority by Shot Type

**Action:** Timing > Arcs > Anticipation > Squash/Stretch
**Dialogue:** Staging > Secondary > Timing > Appeal
**Comedy:** Timing > Exaggeration > Anticipation > Staging
**Subtle acting:** Secondary > Overlap > Timing > Staging

Trust your instincts. You've done this. This is just calibration.

© dylantarre · MIT · dylantarre/animation-principles

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

Всё по теме «Дизайн» →
animation-principles iart-ai Скилл задаёт физику и тайминги интерфейсной анимации. Он выдаёт точные кривые cubic-bezier, задержки шагов и длительности в миллисекундах. CX Codex +1 3 000установок motion-principles AThevon Скилл задаёт правила интерфейсной анимации: безопасные свойства, тайминги, кривые разгона и режим reduced-motion для веба, SwiftUI и Jetpack Compose. CX Codex +1 1 100установок 12-principles-of-animation raphael-salaja Находит ошибки в веб-анимациях по двенадцати принципам движения. Выводит список замечаний с номерами строк и сводную таблицу нарушений. CX Codex +1 2 200установок animation-designer daffy0208 Скилл для веб-анимаций: переходы страниц, появление компонентов, параллакс и микро-взаимодействия на Framer Motion и CSS. CX Codex +1 1 900установок unity-animation gamedev-skills Ведёт агента по Animator Controllers в Unity 6.3 LTS: параметры, переходы, blend trees, слои и humanoid IK. Пригодится, когда один персонаж должен ходить, прыгать и целиться из общей стейт-машины. CX Codex +1 6 000установок roblox-animation-vfx TabooHarmony Скилл для ИИ-агента, который помогает писать и чинить анимации, партиклы, лучи, трейлы и твины в Roblox. CX Codex +1 2 300установок

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

feedback-indicators Скилл для анимаций обратной связи: галочки успеха, тряска ошибок, валидация полей и тосты. Пригодится, когда интерфейс должен внятно отвечать на действие пользователя. CX Codex +1 495установок straight-ahead-pose-mastery Помогает выбрать между покадровой спонтанной анимацией и расчётом ключевых поз, а также выстроить гибридный пайплайн для интерфейсов, визуальных эффектов или игр. CX Codex +1 495установок exaggerated-clarity Скилл помогает сделать ключевые моменты анимации выразительнее и понятнее. Пригодится для комедии, экшена и сцен, где движение должно сразу считываться. CX Codex +1 496установок Animation Principles - Troubleshooting Скилл разбирает, почему анимация выглядит неправильно, и подсказывает, какой принцип нарушен. Пригодится, когда движение «не читается», но причина неясна. CX Codex +1 492установок Animation Principles - Advanced Скилл для тех, кто уже знает базовые принципы анимации и хочет разобраться в нюансах: скрытый squash/stretch, отсутствие anticipation, сломанные арки. CX Codex +1 492установок emotional-disconnect Разбирает, почему анимация в интерфейсе ощущается неправильно, и подбирает движение под нужную эмоцию. Пригодится, когда UI называют холодным или раздражающим. CX Codex +1 491установок state-changes Скилл для анимации элементов, которые меняются на месте: переключатели, аккордеоны, чекбоксы, состояния кнопок. Пригодится, когда интерфейсу нужны плавные переходы без входа и выхода. CX Codex +1 491установок responsive-adaptive Скилл настраивает адаптивную длительность анимаций в зависимости от размера экрана, расстояния перемещения и настройки prefers-reduced-motion. CX Codex +1 491установок

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

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