Animation Principles - Quick Start — скилл для Claude Code
Краткая шпаргалка по 12 принципам классической анимации Disney. Пригодится, когда нужно за пять минут освежить правила движения и тайминга сцены.
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Что делает 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-codenpx skills add dylantarre/animation-principles --skill quick-start -a claude-code2Вручную: положить файлы
~/.claude/skills/quick-start/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/quick-start/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill quick-start -a codex2Вручную: положить файлы
.agents/skills/quick-start/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill quick-start -a cursor2Вручную: положить файлы
.cursor/skills/quick-start/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles quick-start2Вручную: положить файлы
.github/skills/quick-start/SKILL.md1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill quick-start -a gemini-cli2Командой платформы
gemini skills install https://github.com/dylantarre/animation-principles --path skills/04-by-skill-level/quick-startВручную: положить файлы
.devin/skills/quick-start/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill quick-start -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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