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

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

Скилл для тех, кто уже знает базовые принципы анимации и хочет разобраться в нюансах: скрытый squash/stretch, отсутствие anticipation, сломанные арки.

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

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

Скилл разбирает двенадцать принципов анимации на продвинутом уровне. Squash и stretch в мимике — сжатие бровей, растяжение щёк, смещение объёма челюсти — зритель не замечает сознательно. Anticipation можно намеренно убрать: удар без замаха читается как неожиданность. Staging включает пустое пространство кадра, которое создаёт напряжение.

Выбор метода тоже зависит от сцены. Straight ahead даёт эмоциональную спонтанность в игре, pose-to-pose — точный тайминг в экшене, и внутри одного кадра метод иногда меняют. Follow through несёт эмоциональный подтекст: тяжёлый — нежелание, усталость, минимальный — собранность. Отдельный раздел про веса принципов по жанрам: в экшене доминируют тайминг, арки и anticipation, в комедии — тайминг, exaggeration и staging.

Материал рассчитан на практикующих аниматоров, а не на новичков. Если базовые принципы ещё не отработаны, пользы почти не будет. Примеры опираются на конкретные школы: exaggeration у Pixar отличается от манеры Genndy Tartakovsky, а то, что уместно в Looney Tunes, разрушает реализм Ghibli. Это повод свериться со стилем своего проекта до того, как тянуть приёмы в продакшен.

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

  • разобраться, как squash и stretch работают в мимике незаметно для зрителя
  • решить, когда отсутствие anticipation усиливает удар или шутку
  • выбрать между straight ahead и pose-to-pose для конкретной сцены
  • подобрать вес принципов под жанр: экшен, комедия, драма или хоррор
  • осознанно сломать арку у робота или при физическом ударе

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

  • Помоги разобрать сцену: где здесь уместно убрать anticipation, чтобы удар читался неожиданно?
  • Какой метод анимации выбрать для эмоционального монолога — straight ahead или pose-to-pose?
  • Подбери вес принципов для сцены в жанре хоррор и объясни, что ломать намеренно.

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

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/advanced/SKILL.md

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

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

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

universal-patterns Задаёт базовые длительности, кривые изинга и 12 принципов анимации для любого движения в интерфейсе. Пригодится, когда агент пишет CSS-переходы и не угадывает с таймингом. CX Codex +1 493установок secondary-action-mastery Скилл учит добавлять вторичное движение так, чтобы оно поддерживало главное действие, а не спорило с ним. Пригодится в UI-анимации и игровом филе. CX Codex +1 494установок feedback-indicators Скилл для анимаций обратной связи: галочки успеха, тряска ошибок, валидация полей и тосты. Пригодится, когда интерфейс должен внятно отвечать на действие пользователя. CX Codex +1 493установок Animation Principles - Troubleshooting Скилл разбирает, почему анимация выглядит неправильно, и подсказывает, какой принцип нарушен. Пригодится, когда движение «не читается», но причина неясна. CX Codex +1 490установок emotional-disconnect Разбирает, почему анимация в интерфейсе ощущается неправильно, и подбирает движение под нужную эмоцию. Пригодится, когда UI называют холодным или раздражающим. CX Codex +1 488установок state-changes Скилл для анимации элементов, которые меняются на месте: переключатели, аккордеоны, чекбоксы, состояния кнопок. Пригодится, когда интерфейсу нужны плавные переходы без входа и выхода. CX Codex +1 489установок Animation Principles - Deep Dive Скилл-справочник по 12 принципам анимации Диснея с техническими деталями: пропорции, тайминги, дуги, реализация в кадрах. Пригодится, когда агенту нужен контекст по анимации. CX Codex +1 487установок Animation Principles - Novice Скилл разбирает 12 принципов анимации и даёт конкретные упражнения, чтобы применить их в простых проектах. Пригодится, когда база уже есть, а практики не хватает. CX Codex +1 488установок

Похожие

animation-principles Owl-Listener Скилл для настройки одной конкретной анимации в интерфейсе: подбирает easing, длительность и порядок движения элементов. CX Codex +1 2 200установок 12-principles-of-animation raphael-salaja Находит ошибки в веб-анимациях по двенадцати принципам движения. Выводит список замечаний с номерами строк и сводную таблицу нарушений. CX Codex +1 2 200установок unity-animation gamedev-skills Ведёт агента по Animator Controllers в Unity 6.3 LTS: параметры, переходы, blend trees, слои и humanoid IK. Пригодится, когда один персонаж должен ходить, прыгать и целиться из общей стейт-машины. CX Codex +1 5 800установок roblox-animation-vfx TabooHarmony Скилл для ИИ-агента, который помогает писать и чинить анимации, партиклы, лучи, трейлы и твины в Roblox. CX Codex +1 2 300установок roblox-animation nonlooped Скилл для анимаций персонажей Roblox: треки, IK-позы, события по маркерам и твины интерфейса. Пригодится, когда нужно собрать локомоцию или эмоцию и не сломать приоритеты. CX Codex +1 392установок isometric-animation iart-ai Скилл для изометрических и 2.5D-анимаций: стопки слоёв, выдавленные блоки, взрывные схемы и лёгкий дрейф камеры. Собирается в один HTML-файл без сборки. CX Codex +1 1 400установок

Рядом в теме «Дизайн»

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

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

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

Через npx: npx skills add dylantarre/animation-principles --skill animation-principles---advanced -a claude-code. Есть и короткий вариант: npx skills add dylantarre/animation-principles --skill advanced -a claude-code.

Что делает Animation Principles - Advanced?

Разбирает продвинутое применение принципов анимации: скрытый squash/stretch, намеренное отсутствие anticipation, негативное пространство в staging, нелинейный easing и сломанные арки.

Кому подходит этот скилл?

Тем, кто уже уверенно владеет базовыми принципами и хочет копать глубже: нюансы, пограничные случаи, стилевые вариации. Новичку материал мало что даст.

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

SKILL.md · MIT
---
name: Animation Principles - Advanced
description: Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
---

# Nuanced Application of Animation Principles

You've internalized the fundamentals. Now explore the subtleties that separate competent from exceptional animation.

## Beyond the Basics

### Squash and Stretch: The Invisible Application
Facial animation relies on subtle squash/stretch most viewers never consciously see. Brows compress, cheeks stretch, jaw volumes shift. The principle applies to rigid objects too - camera shake and motion blur are perceptual squash/stretch.

### Anticipation: When to Subvert It
Lack of anticipation creates surprise, shock, comedy. A punch without wind-up reads as unexpected. Master animators use anticipation's *absence* as deliberately as its presence.

### Staging: Negative Space as Tool
What you don't show matters. Empty frame space creates tension. Cramped staging creates claustrophobia. Staging includes compositional psychology, not just visibility.

### Method Selection: Scene-Dependent Choices
Straight ahead for emotional spontaneity in performance. Pose-to-pose for precision timing in action. The choice shapes the final energy. Some scenes demand switching methods mid-shot.

### Follow Through: Emotional Resonance
Heavy follow through suggests reluctance, weight, sadness. Minimal follow through suggests alertness, tension. The technical principle carries emotional subtext.

### Slow In/Out: Non-Linear Easing
Beyond basic ease curves: snap with overshoot, settle with micro-bounces, hold with drift. Custom spacing graphs for specific emotional beats.

### Arcs: Broken Arcs as Choice
Robotic characters, sudden decisions, physical impacts - these break arcs intentionally. The principle teaches natural motion so you can meaningfully deviate.

### Secondary Action: Counterpoint
Advanced secondary action can contrast the primary emotion. Happy walk with nervous hand-wringing hints at hidden anxiety. Layers create complexity.

### Timing: Frame-by-Frame Psychology
Single frame holds create different impact than two-frame holds. The difference between 8 and 10 frames changes weight perception. Frame-level sensitivity matters.

### Exaggeration: Style-Appropriate Scaling
Pixar exaggeration differs from Genndy Tartakovsky's. Exaggeration must match the project's visual language. What's appropriate in Looney Tunes destroys Ghibli realism.

### Solid Drawing: Breaking Dimension
2D animation sometimes flattens 3D logic for graphic impact. Knowing solid drawing lets you strategically violate it - Milt Kahl's angular poses break volume for graphic punch.

### Appeal: Uncomfortable Appeal
Villains need appeal too - compelling ugliness. Appeal isn't beauty; it's magnetic quality. Some characters appeal through grotesque fascination.

## Principle Weights by Genre
- **Action:** Timing, Arcs, Anticipation dominant
- **Comedy:** Timing, Exaggeration, Staging dominant
- **Drama:** Secondary Action, Follow Through, Staging dominant
- **Horror:** Timing, Staging, broken principles deliberately

© dylantarre · MIT · dylantarre/animation-principles

Смотрите также

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

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