Animation Principles - Teaching Others — скилл для Claude Code
Помогает объяснить 12 принципов анимации ученикам, менти и коллегам разного уровня: что показать первым и на чём обычно спотыкаются.
npx skills add dylantarre/animation-principles --skill animation-principles---teaching-others -a claude-code
npx skills add dylantarre/animation-principles --skill teaching-others -a claude-codeЧто делает Animation Principles - Teaching Others
Скилл разбирает каждый из 12 принципов анимации по одной схеме: что показать в первую очередь, где ученики путаются и какой фразой объяснить суть. Для squash and stretch это упражнение с прыгающим мячом и демонстрация на пластилине, для anticipation — видео реальных спортсменов, для staging — проверка силуэтом.
Внутри есть отдельная последовательность обучения. Начинать советует с timing и squash/stretch на мяче, затем добавлять arcs и slow in/out, а staging и appeal оставить на потом — они требуют насмотренности. Это не генератор уроков, а методичка для разговора: скилл подсказывает формулировки и типичные ошибки, а не рисует за вас.
Полезен, когда вы ментор или тимлид и объясняете одно и то же разным людям. Ключевые фразы вроде «объём остаётся, форма меняется» даны готовыми — их можно брать в разговор как есть.
Какие задачи решает
- объяснить squash and stretch ученику, который сохраняет форму вместо объёма
- показать разницу между straight ahead и pose to pose на одном действии
- подобрать пример для follow through, чтобы движение не обрывалось на одном кадре
- выстроить порядок изучения принципов от простого к сложному
- объяснить, почему appeal нужен даже отрицательному персонажу
Примеры запросов агенту
- Помоги объяснить ученику принцип anticipation — что показать сначала и на чём он обычно путается
- Составь план занятия по 12 принципам анимации для новичков, начиная с timing и squash and stretch
- Мой менти делает движение по прямым линиям. Как объяснить ему принцип arcs?
Как установить Animation Principles - Teaching Others
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill animation-principles---teaching-others -a claude-codenpx skills add dylantarre/animation-principles --skill teaching-others -a claude-code2Вручную: положить файлы
~/.claude/skills/teaching-others/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/teaching-others/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill teaching-others -a codex2Вручную: положить файлы
.agents/skills/teaching-others/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill teaching-others -a cursor2Вручную: положить файлы
.cursor/skills/teaching-others/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles teaching-others2Вручную: положить файлы
.github/skills/teaching-others/SKILL.md1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill teaching-others -a gemini-cli2Командой платформы
gemini skills install https://github.com/dylantarre/animation-principles --path skills/04-by-skill-level/teaching-othersВручную: положить файлы
.devin/skills/teaching-others/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill teaching-others -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора86
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о Animation Principles - Teaching Others
Как установить Animation Principles - Teaching Others в Claude?
Выполните npx skills add dylantarre/animation-principles --skill animation-principles---teaching-others -a claude-code. Скилл окажется в ~/.claude/skills/teaching-others/SKILL.md.
Что делает Animation Principles - Teaching Others?
Разбирает 12 принципов анимации с точки зрения преподавания: что показать первым, какая ошибка встречается чаще всего и какой фразой объяснить принцип.
С чего скилл советует начинать обучение?
С timing и squash/stretch на упражнении с мячом. Потом добавляются arcs и slow in/out, а staging и appeal идут позже.
Исходный текст
SKILL.md · MIT
--- name: Animation Principles - Teaching Others description: Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels --- # Teaching the 12 Principles Effectively Teaching animation principles requires meeting students where they are. Here's how to communicate each principle at different levels. ## Teaching Strategies by Principle ### 1. Squash and Stretch **Show first:** Bouncing ball exercise - universal, immediate, undeniable. **Common confusion:** Students preserve shape instead of volume. Use clay demonstration. **Key phrase:** "Volume stays the same, shape changes." ### 2. Anticipation **Show first:** Video of real athletes - every jump has a crouch. **Common confusion:** Making anticipation too large or too long. **Key phrase:** "The audience needs a heads-up." ### 3. Staging **Show first:** Silhouette test. If they can't read it as a shadow, it fails. **Common confusion:** Cluttering with detail before establishing clarity. **Key phrase:** "What's the ONE thing this frame says?" ### 4. Straight Ahead / Pose to Pose **Show first:** Same action animated both ways - compare results. **Common confusion:** Thinking one method is "correct." **Key phrase:** "Pose to pose for control, straight ahead for discovery." ### 5. Follow Through / Overlapping **Show first:** Slow-motion hair, fabric, tails. Nature demonstrates constantly. **Common confusion:** Everything stopping at the same frame. **Key phrase:** "Nothing stops at once. What's attached keeps going." ### 6. Slow In / Slow Out **Show first:** Push a heavy box versus a light one. Spacing changes. **Common confusion:** Even spacing (tweening syndrome). **Key phrase:** "More drawings where it slows, fewer where it's fast." ### 7. Arcs **Show first:** Trace hand during natural gesture - it curves. **Common confusion:** Mechanical point-to-point movement. **Key phrase:** "Almost everything curves. Straight lines are exceptions." ### 8. Secondary Action **Show first:** Walking while talking on phone - multiple layers. **Common confusion:** Secondary action competing with primary. **Key phrase:** "It adds flavor but shouldn't steal the show." ### 9. Timing **Show first:** Same action at 4, 8, 12, 24 frames - feel the difference. **Common confusion:** Defaulting to same timing for everything. **Key phrase:** "Timing is the acting. Same pose, different timing = different meaning." ### 10. Exaggeration **Show first:** Compare photo reference to Disney interpretation. **Common confusion:** Fear of pushing too far (more common than pushing too much). **Key phrase:** "Find reality, then push 20% past it." ### 11. Solid Drawing **Show first:** Turn a simple character 360 degrees. Volume must hold. **Common confusion:** Drawing symbols instead of forms. **Key phrase:** "Can you imagine walking around it?" ### 12. Appeal **Show first:** Character lineup - which ones do you want to watch? **Common confusion:** Thinking appeal means "pretty." **Key phrase:** "Appeal is magnetic. Even villains need it." ## Teaching Sequence Start with Timing + Squash/Stretch (bouncing ball). Add Arcs + Slow In/Out. Build complexity gradually. Staging and Appeal come later - they require visual vocabulary.
© dylantarre · MIT · dylantarre/animation-principles