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

Animation Principles - Quick Start — скилл для Claude Code

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

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

Что делает Animation Principles - Quick Start

Скилл добавляет в контекст выжимку из двенадцати диснеевских правил, сформулированных ещё в 1930-х годах. Каждому принципу отведено около тридцати секунд чтения: от сжатия и растяжения до сценичности и привлекательности персонажа.

Материал разбит на четыре смысловые группы: правильное движение, ощущение жизни в кадре, ясность восприятия и выразительность формы. Это помогает ассистенту быстрее сопоставить проблему в анимации с нужным правилом, будь то дуговые траектории или захлёст движения.

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

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

  • Вспомнить двенадцать классических правил анимации за пять минут
  • Сгруппировать визуальные приёмы по четырём задачам сцены
  • Разобрать траектории и расчёт кадров на примере прыгающего мяча
  • Настроить подготовку зрителя к действию через фазу Anticipation

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

  • «Напомни двенадцать принципов анимации и как они сгруппированы.»
  • «Какие правила отвечают за естественность движения персонажа?»
  • «Объясни механику прыгающего мяча через тайминг и сжатие.»

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

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/quick-start/SKILL.md

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

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

Вопросы о Animation Principles - Quick Start

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

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

Что делает Animation Principles - Quick Start?

Скилл загружает краткий конспект по 12 принципам классической анимации. Каждое правило снабжено кратким определением и отнесено к одной из четырёх прикладных категорий.

С какого упражнения автор советует начинать практику?

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

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

SKILL.md · MIT
---
name: Animation Principles - Quick Start
description: Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
---

# 12 Animation Principles in 5 Minutes

The Disney animators codified these principles in the 1930s. They still define quality animation today.

## The Principles (30 seconds each)

**1. Squash and Stretch**
Objects compress on impact, elongate in motion. A bouncing ball flattens when it hits ground. Gives life and flexibility.

**2. Anticipation**
Wind-up before action. Crouch before jump. Arm back before throw. Prepares the viewer for what's coming.

**3. Staging**
Present ideas clearly. One idea per shot. The viewer should never wonder where to look.

**4. Straight Ahead / Pose to Pose**
Two animation methods. Straight ahead: draw frame by frame for fluid, spontaneous motion. Pose to pose: draw key frames first for controlled, planned action.

**5. Follow Through / Overlapping Action**
Things don't stop all at once. Hair keeps moving after head stops. Different parts move at different rates.

**6. Slow In and Slow Out**
Movement accelerates and decelerates. More drawings at start and end, fewer in middle. Creates natural weight.

**7. Arc**
Natural motion follows curved paths. Arms swing in arcs. Heads turn in arcs. Straight lines feel robotic.

**8. Secondary Action**
Supporting movements that add richness. Walking while whistling. Talking while gesturing. Enhances without distracting.

**9. Timing**
Number of frames = speed and weight. Fewer frames = faster/lighter. More frames = slower/heavier.

**10. Exaggeration**
Push reality further for impact. Bigger expressions, more dynamic poses. Animation isn't reality - it's reality enhanced.

**11. Solid Drawing**
Three-dimensional thinking. Weight, balance, anatomy. Even 2D characters should feel like they have volume.

**12. Appeal**
Charisma in design. Characters should be interesting to watch. Clear shapes, good proportions, distinctive features.

## Quick Reference Groups

**Make it move right:** Timing, Arcs, Slow In/Out, Squash/Stretch
**Make it feel alive:** Follow Through, Overlapping, Secondary Action
**Make it read clearly:** Staging, Anticipation
**Make it compelling:** Appeal, Exaggeration, Solid Drawing

## The Only Exercise You Need to Start
Animate a bouncing ball. It teaches Timing, Squash/Stretch, Arcs, and Slow In/Out simultaneously.

© dylantarre · MIT · dylantarre/animation-principles

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

Всё по теме «Дизайн» →
animation-principles Owl-Listener Скилл для настройки одной конкретной анимации в интерфейсе: подбирает easing, длительность и порядок движения элементов. CX Codex +1 2 200установок 12-principles-of-animation raphael-salaja Находит ошибки в веб-анимациях по двенадцати принципам движения. Выводит список замечаний с номерами строк и сводную таблицу нарушений. CX Codex +1 2 200установок quick-design Donchitos Описывает небольшие изменения в игре — тюнинг, мелкие механики — без полного GDD. Спека встраивается прямо в стори. CX Codex +1 432установок 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установок ue-animation-system quodsoler Скилл для работы с анимационным кодом Unreal Engine: AnimInstance, монтажи, нотify, кривые, blend spaces, root motion. Пригодится, когда агент пишет или отлаживает анимацию на C++. CX Codex +1 1 200установок

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

brand-strategist Помогает описать характер бренда через движение: тайминги, кривые, степень растяжения. Пригодится, когда анимация в продукте должна звучать так же, как логотип и голос бренда. CX Codex +1 505установок exit-animations Скилл подсказывает агенту, как анимировать исчезновение элементов: закрытие модалок, скрытие уведомлений, удаление строк списка. CX Codex +1 502установок accordions-dropdowns Скилл учит ассистента анимировать аккордеоны и выпадающие списки по 12 принципам анимации Диснея. Пригодится при верстке интерфейсов без рывков по высоте. CX Codex +1 502установок Animation Principles - Expert Скилл для тех, кто уже освоил базовые принципы анимации и хочет нарушать их намеренно: анти-сквош, пропущенное anticipation, сломанные дуги. CX Codex +1 501установок timing-calibration Скилл разбирает жалобы «слишком быстро» и «слишком медленно» и подбирает длительности и easing по типу действия. CX Codex +1 499установок urgency-action Задаёт правила анимации интерфейса для привлечения внимания и быстрой реакции. Пригодится при вёрстке таймеров и кнопок оформления заказа. CX Codex +1 499установок Animation Principles - Teaching Others Помогает объяснить 12 принципов анимации ученикам, менти и коллегам разного уровня: что показать первым и на чём обычно спотыкаются. CX Codex +1 498установок user-feedback-clarity Скилл для ИИ-агента, который разбирает, почему пользователи не замечают отклик интерфейса, и подсказывает, как это исправить. CX Codex +1 498установок

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

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