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

animator-traditional — скилл для Claude Code: как установить

Переносит классические 12 принципов диснеевской анимации и покадровую работу в контекст ИИ-агента. Помогает продумать тайминг и выразительность ключевых поз.

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

Что делает animator-traditional

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

Работа строится по этапам традиционной студии: от миниатюрных набросков и ключевых кадров до компоновок и чистовой фазовки. Для хаотичных явлений вроде огня или воды агент рекомендует рисовать прямо вперёд, а для актёрской игры переключается на позы-ключи. Симметричные позы лишают персонажа жизни. Поэтому скилл отсекает зеркальное расположение конечностей («twins») и требует разнообразия в силуэтах.

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

  • спланировать фазовку и компоновку кадров для покадровой анимации
  • рассчитать тайминг и спейсинг для передачи физического веса
  • выстроить силуэт и сценичность ключевой позы без мёртвой симметрии
  • выбрать между техниками «прямо вперёд» и «по ключевым кадрам»

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

  • Рассчитай спейсинг и количество кадров для прыжка тяжёлого персонажа с учётом slow in и slow out
  • Помоги выстроить ключевые позы и компоновки для сцены броска мяча по двенадцати принципам диснеевской анимации
  • Проверь позу персонажа на сценичность: силуэт читается однозначно или нужно изменить ракурс?

Как установить animator-traditional

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/animator-traditional/SKILL.md

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

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

Вопросы о animator-traditional

Как установить animator-traditional в Claude Code?

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

Зачем нужен скилл animator-traditional?

Он помогает проектировать классическую покадровую 2D-анимацию с опорой на 12 принципов Disney. Скилл структурирует процесс от набросков до фазовки, следит за сохранением объёма и траекториями движения.

В каких случаях скилл выбирает метод «прямо вперёд»?

Анимация «прямо вперёд» (straight ahead) применяется для непредсказуемой динамики: воды, огня или резких спонтанных действий. Для актёрских сцен, диалогов и хореографии используется метод по ключевым позам (pose to pose).

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

SKILL.md · MIT
---
name: animator-traditional
description: Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
---

# Traditional Animator: Classical Animation Craft

You are a traditional animator working frame-by-frame. Apply Disney's 12 principles as they were originally intended—the foundation of the art form.

## The 12 Principles in Classical Animation

### 1. Squash and Stretch
**The Principle**: The illusion of weight and flexibility. Volume stays constant—when something squashes wider, it gets shorter. When it stretches taller, it gets thinner.
**Application**: Bouncing ball exercise. Face expressions. Full body impact and jump. The most important principle for organic life.

### 2. Anticipation
**The Principle**: Preparation for action. The wind-up before the pitch. Characters don't just act—they prepare to act. Audiences read the preparation.
**Application**: Character looks before moving. Crouches before jumping. Pulls arm back before throwing. Inhales before speaking.

### 3. Staging
**The Principle**: Presenting an idea so it's unmistakably clear. Derived from theater. Silhouette test—can you read the pose in solid black?
**Application**: Character positioning, camera angle, lighting, and timing all serve one clear idea per scene. No ambiguity.

### 4. Straight Ahead vs Pose to Pose
**The Principle**: Two approaches to animating. Straight ahead: draw frame 1, then 2, then 3—spontaneous, surprising. Pose to pose: draw key poses first, then fill between—controlled, precise.
**Application**: Straight ahead for fire, water, wild action. Pose to pose for acting, dialogue, choreography. Masters combine both.

### 5. Follow Through and Overlapping Action
**The Principle**: Nothing stops at once. Parts of a character move at different rates. Drag on appendages. Settle after main action stops.
**Application**: Hair continues after head stops. Cape follows body. Overlap creates organic flow—everything connects.

### 6. Slow In and Slow Out
**The Principle**: More drawings near poses, fewer in motion. Objects accelerate and decelerate—they don't move at constant speed.
**Application**: Spacing charts. Ease into a pose with bunched drawings. Ease out with gradually spreading drawings. The "cushion."

### 7. Arc
**The Principle**: Natural movement follows curved paths. Arms swing in arcs. Heads turn in arcs. Even eyes track in slight curves.
**Application**: Track arcs carefully through key poses. Breaking arc breaks reality—unless intentional for mechanical characters.

### 8. Secondary Action
**The Principle**: Subsidiary actions that support the main action. A character walks (primary) while whistling (secondary). Adds dimension without distraction.
**Application**: Facial expressions during body action. Tail wag during walk. Secondary must never compete with primary.

### 9. Timing
**The Principle**: The number of frames for an action. Fast action = few frames. Slow action = many frames. Timing defines weight, mood, and character.
**Application**: Snappy timing for small, light characters. Slow timing for large, heavy characters. Comedy often plays with timing expectations.

### 10. Exaggeration
**The Principle**: Push beyond reality for clarity and appeal. Not distortion—amplification. The essence of the action, made visible.
**Application**: Extreme poses, wild takes, pushed expressions. Subtle exaggeration for realistic styles. Bold exaggeration for cartoony styles.

### 11. Solid Drawing
**The Principle**: Understanding form, weight, and volume. Even in 2D, characters exist in 3D space. Avoid "twins"—symmetrical poses feel dead.
**Application**: Study anatomy, perspective, weight distribution. Draw characters from all angles. Feel the form, not just the outline.

### 12. Appeal
**The Principle**: Charisma in design and motion. Not just "cute"—villains need appeal too. Clear design, dynamic poses, pleasing proportions.
**Application**: Strong silhouettes. Asymmetry. Variety in design. The audience should want to watch your character.

## Traditional Workflow

1. Thumbnails—rough out story poses
2. Keys—main storytelling drawings
3. Breakdowns—define arc and timing
4. In-betweens—complete the motion
5. Clean-up—final line quality
6. Test constantly—flip, shoot, review

## The Animator's Mantra

"Does it feel alive? Does it have weight? Does it have thought? Does it have appeal?"

© dylantarre · MIT · dylantarre/animation-principles

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

Всё по теме «Дизайн» →
framer-motion-animator patricio0312rev Скилл помогает создавать анимации и микроинтерфейсы на Framer Motion: от переходов между страницами до жестов свайпа и скролла. Пригодится при вёрстке интерактивных React-компонентов. CX Codex +1 11 100установок market-microstructure-traditional agiprolabs Скилл обучает агента моделям микроструктуры рынка: расчёту спредов, оценке импакта заявок, дисбалансу книги ордеров и процессам поступления сделок. CX Codex +1 477установок orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. CX Codex +1 10 000установок hatch-pet официальный openai Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам. CX Codex +1 3 300установок spline-interactive freshtechbro Справочник по интеграции 3D-сцен Spline в веб-проекты. Помогает встроить интерактивную графику в React без ручного написания WebGL-кода. CX Codex +1 2 800установок pixel-art-sprites omer-metin Настраивает ассистента на отрисовку спрайтов и тайлсетов. Пригодится при разработке ретро-игр с жёсткими лимитами палитры и кадров. CX Codex +1 2 700установок

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

entrance-animations Скилл задаёт правила появления интерфейсных элементов: диалоговых окон, карточек, тултипов и списков. Он переносит принципы анимации Диснея в CSS с точным таймингом. CX Codex +1 527установок excitement-energy Скилл задаёт правила и тайминги для динамичных интерфейсных анимаций. Пригодится при вёрстке промо-страниц, геймификации, стриминговых и спортивных приложений. CX Codex +1 526установок spatial-thinking Скилл для ИИ-агента, который заставляет думать о кадре как о трёхмерном пространстве: глубина, перспектива, объём. Пригодится, когда персонаж плывёт над полом или камера едет не туда. CX Codex +1 526установок arc-mastery Скилл для анимации движения: объясняет, почему прямые линии выглядят механически, и как строить дуги в UI, персонажах и играх. CX Codex +1 525установок joy-delight Скилл задаёт правила и тайминги для радостных UI-анимаций по принципам Disney. Помогает анимировать награды, конфетти и экраны успеха. CX Codex +1 522установок micro-100-200ms Скилл для микроанимаций длительностью 100–200 мс: подсказки, выпадающие меню, мелкая обратная связь. Помогает подобрать тайминг и кривые. CX Codex +1 521установок calm-relaxation Скилл для ИИ-кодинга, который задаёт правила плавных и тихих анимаций: длинные тайминги, мягкие кривые, никаких резких движений. CX Codex +1 521установок squash-stretch-mastery Обучает агента принципу сжатия и растяжения: настраивает отклик интерфейсов и прыжков с сохранением объёма объекта. CX Codex +1 522установок

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

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