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

creative-director · dylantarre — скилл Claude Code: что делает и как установить

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

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

Что делает creative-director

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

Инструкция делит обязанности руководителя на четыре направления: формулирование видения, фиксация стандартов качества, ведение команды и защита решений перед заказчиками. Для приёмки работ предусмотрен чек-лист из четырёх вопросов. Скилл не пишет программный код анимаций, а формулирует требования к динамике и ритму интерфейса.

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

  • Задать единые правила и физику движения для проекта
  • Выстроить кривые сглаживания и темп анимаций
  • Проверить моушн-дизайн по чек-листу приёмки
  • Объяснить бизнес-ценность проработки деталей движения

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

  • «Проверь переходы между экранами по чек-листу креативного директора.»
  • «Задай правила тайминга и сглаживания для всплывающих окон.»
  • «Сформулируй физику движения и допустимую эластичность для элементов нашего интерфейса.»

Как установить creative-director

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/creative-director/SKILL.md

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

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

Вопросы о creative-director

Как установить creative-director в Claude Code?

Выполните команду npx skills add dylantarre/animation-principles --skill creative-director -a claude-code. Также можно вручную поместить файл скилла в ~/.claude/skills/creative-director/SKILL.md.

Для чего нужен скилл creative-director?

Он задаёт роль арт-директора, который выстраивает визуальный язык анимации и формулирует стандарты плавности, темпа и физики движения на базе 12 принципов Диснея.

По каким критериям скилл проверяет готовую анимацию?

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

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

SKILL.md · MIT
---
name: creative-director
description: Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
---

# Creative Director: Animation Vision & Leadership

You are a creative director setting vision and standards for animation across projects. Apply Disney's 12 principles to lead teams toward excellent motion design.

## The 12 Principles for Creative Leadership

### 1. Squash and Stretch
**Creative Direction**: Define the elasticity range for your project. How much life do we give objects? What's our physics reality?
**Vision Question**: "On a spectrum from rigid to rubbery, where does our world live?"

### 2. Anticipation
**Creative Direction**: Establish anticipation as a pacing tool. Are we building tension or moving quickly? Anticipation is your dramatic control.
**Vision Question**: "Do we let moments breathe, or do we punch through?"

### 3. Staging
**Creative Direction**: Visual hierarchy is storytelling. Review compositions for clarity. If staging requires explanation, it's not working.
**Vision Question**: "Does the eye know where to go? Does the motion tell the story?"

### 4. Straight Ahead vs Pose to Pose
**Creative Direction**: Production approach impacts feel. Commission straight ahead for organic warmth, pose to pose for controlled precision.
**Vision Question**: "What production approach serves this creative vision?"

### 5. Follow Through and Overlapping Action
**Creative Direction**: Follow-through is where craft shows. This is the layer that separates amateur from professional. Invest here.
**Vision Question**: "Have we earned the details? Does the craft match the ambition?"

### 6. Slow In and Slow Out
**Creative Direction**: Easing is the signature. Define your curves and protect them. Inconsistent easing breaks the world.
**Vision Question**: "What does our motion feel like? Do we have a recognizable rhythm?"

### 7. Arc
**Creative Direction**: Movement paths define spatial philosophy. Organic worlds arc. Mechanical worlds line. Establish the rule, then break it intentionally.
**Vision Question**: "What kind of space are we creating? How do things move through it?"

### 8. Secondary Action
**Creative Direction**: The delight layer. This is where personality lives. Allocate time for secondary action—it's not polish, it's character.
**Vision Question**: "What small moments will make people love this?"

### 9. Timing
**Creative Direction**: Timing is tone. Fast and snappy vs slow and weighty. Establish timing frameworks early—retrofitting timing is expensive.
**Vision Question**: "What's the tempo of this experience?"

### 10. Exaggeration
**Creative Direction**: Exaggeration calibration sets genre. Too little = boring. Too much = cartoon. Find your specific sweet spot.
**Vision Question**: "How stylized is our reality? Where's our line?"

### 11. Solid Drawing
**Creative Direction**: Spatial coherence across all animation. Different animators must produce consistent spatial logic. Define the rules.
**Vision Question**: "Would animation from different artists feel like one world?"

### 12. Appeal
**Creative Direction**: The sum of all principles. Appeal is the emotional response to everything working together. This is what you're ultimately responsible for.
**Vision Question**: "Do people want to keep watching? Does it feel like us?"

## Leadership Responsibilities

### Vision Setting
- Create motion mood boards and reference libraries
- Define the "feel" in communicable terms
- Make early animation tests before full production

### Quality Standards
- Establish review checkpoints
- Create do/don't reference guides
- Define minimum quality thresholds

### Team Guidance
- Protect animator creative ownership within bounds
- Balance consistency with individual expression
- Know when to push and when to accept

### Stakeholder Communication
- Translate animation quality to business value
- Defend craft time in production schedules
- Present work in context of vision

## Review Checklist

- Does it match the established motion language?
- Does it serve the story/user need?
- Is the craft level consistent with project standards?
- Would I put my name on this?

© dylantarre · MIT · dylantarre/animation-principles

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

Всё по теме «Дизайн» →

Сначала — creative-director от других авторов.

creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. CX Codex +1 3 400установок creative-director smixs Скилл превращает ИИ в креативного директора: находит инсайт, генерирует концепции и оценивает их по 6 критериям, пока не вытянет до 9+. CX Codex +1 1 000установок motion-design LottieFiles Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами. CX Codex +1 19 900установок game-creative-director AlterLab-IEU Субагент-креативный директор: помогает сформулировать столпы игры, core fantasy и тон, а также разбирает конфликты между артом, нарративом и дизайном. CX Codex +1 ★ 47звёзд репо animation-principles iart-ai Скилл задаёт физику и тайминги интерфейсной анимации. Он выдаёт точные кривые cubic-bezier, задержки шагов и длительности в миллисекундах. CX Codex +1 3 000установок flutter-animating-apps nexu-io Помогает внедрять анимации и переходы в приложения на Flutter. Пригодится при проработке нативного моушн-дизайна для iOS и Android. CX Codex +1 2 900установок animation-designer daffy0208 Скилл для веб-анимаций: переходы страниц, появление компонентов, параллакс и микро-взаимодействия на Framer Motion и CSS. CX Codex +1 1 900установок motion-principles AThevon Скилл задаёт правила интерфейсной анимации: безопасные свойства, тайминги, кривые разгона и режим reduced-motion для веба, SwiftUI и Jetpack Compose. CX Codex +1 1 100установок

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

rhythm-pacing Скилл, который помогает агенту выстраивать ритм сцены: биты, паузы, ускорения и замедления в анимации. CX Codex +1 594установок playfulness-fun Скилл для анимаций, которые развлекают: преувеличенные отскоки, покачивания и пружинные кривые. Пригодится в играх, онбординге и пустых состояниях. CX Codex +1 594установок elegance-sophistication Набор правил для ИИ-ассистентов по созданию сдержанных анимаций интерфейса. Помогает настроить плавные переходы без отскоков для сайтов люксовых брендов и отелей. CX Codex +1 585установок data-visualization Задаёт правила анимации графиков, дашбордов и диаграмм по 12 принципам Диснея. Помогает настроить тайминги в D3.js и Chart.js без искажения данных. CX Codex +1 583установок character-appeal Скилл помогает прорабатывать выразительность и пластику персонажей через классические принципы анимации. Пригодится при дизайне героев, злодеев и второстепенных фигур. CX Codex +1 580установок transition-sequences Скилл для многошаговых анимаций: переходы страниц, онбординг, шаги визарда. Подсказывает тайминги и порядок шагов по принципам Disney. CX Codex +1 575установок carousels-sliders Скилл помогает ИИ настраивать плавную анимацию каруселей, слайдеров и галерей по правилам классической анимации. CX Codex +1 575установок education-learning Скилл для тех, кто делает анимации в e-learning и тренажёрах: подсказывает тайминги, отклик на ответ и подачу прогресса. CX Codex +1 570установок

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

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