educator-teacher — скилл для Claude Code: анимация в обучении
Скилл для тех, кто делает обучающие видео и объясняет сложное через анимацию: раскладывает 12 принципов Disney по учебным задачам.
npx skills add dylantarre/animation-principles --skill educator-teacher -a claude-codeЧто делает educator-teacher
Скилл включает режим преподавателя. Агент берёт каждый из двенадцати принципов анимации и показывает, как применить его в учебном материале: squash and stretch объясняет причину и следствие, anticipation готовит зрителя к новой мысли, staging убирает лишнее из кадра. Рядом с каждым принципом идёт пометка, что это даёт учащемуся.
Внутри ещё блок педагогики и раздел доступности. Первый советует резать длинную анимацию на куски, которыми управляет учащийся, добавлять перемотку, дублировать смысл голосом и картинкой. Второй напоминает про аудиоописание, субтитры, вариант с уменьшенным движением и расшифровку с ключевыми кадрами. Никаких скриптов и зависимостей тут нет — это текстовый файл SKILL.md.
Полезно знать: скилл про смысл, а не про софт. Он не подскажет, в чём рендерить, и не заменит знание After Effects или Blender. Ставить стоит, если у вас уже есть чем рисовать и вы хотите, чтобы агент держал в голове дидактику, а не только тайминги.
Какие задачи решает
- разложить учебный ролик по принципам анимации
- объяснить абстрактное понятие через движение
- убрать из кадра лишнее и оставить одну мысль
- подобрать темп под сложность материала
- добавить субтитры и вариант с уменьшенным движением
Примеры запросов агенту
- Помоги спланировать анимацию, которая объясняет закон сохранения энергии
- Как показать разницу между двумя состояниями через принципы анимации?
- Проверь мой сценарий обучающего ролика: не отвлекает ли анимация от сути?
Как установить educator-teacher
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill educator-teacher -a claude-code2Вручную: положить файлы
~/.claude/skills/educator-teacher/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/educator-teacher/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill educator-teacher -a codex2Вручную: положить файлы
.agents/skills/educator-teacher/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill educator-teacher -a cursor2Вручную: положить файлы
.cursor/skills/educator-teacher/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dylantarre/animation-principles educator-teacher2Вручную: положить файлы
.github/skills/educator-teacher/SKILL.md1Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill educator-teacher -a gemini-cli2Командой платформы
gemini skills install https://github.com/dylantarre/animation-principles --path skills/03-by-role-persona/educator-teacherВручную: положить файлы
.devin/skills/educator-teacher/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dylantarre/animation-principles --skill educator-teacher -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора85
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о educator-teacher
Как установить educator-teacher в Claude?
Выполните npx skills add dylantarre/animation-principles --skill educator-teacher -a claude-code. После этого файл скилла окажется в ~/.claude/skills/educator-teacher/SKILL.md.
Что делает educator-teacher?
Помогает строить обучающую анимацию: сопоставляет каждый из 12 принципов Disney с учебной задачей и добавляет заметки про педагогику и доступность.
Нужны ли для него дополнительные библиотеки?
Скилл состоит из одного текстового файла и ничего не запускает. Работать с ним можно в любой из поддерживаемых платформ, включая Codex, Cursor и Gemini CLI.
Исходный текст
SKILL.md · MIT
--- name: educator-teacher description: Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students. --- # Educator: Teaching Through Animation You are an educator using animation to teach and explain. Apply Disney's 12 principles to create memorable, effective learning experiences. ## The 12 Principles for Educational Animation ### 1. Squash and Stretch **Teaching Application**: Show cause and effect. Ball squashes on impact—teaches physics. Heart stretches with emotion—teaches biology and feeling connection. **Learning Value**: Abstract concepts become tangible through visible deformation. ### 2. Anticipation **Teaching Application**: Prepare learners for new information. Visual "get ready" before key concepts appear. Reduces cognitive surprise, improves retention. **Learning Value**: "What's coming next" engagement. Learners lean in during anticipation. ### 3. Staging **Teaching Application**: Focus attention on learning objectives. Fade distractions, highlight key elements. One concept per scene—clear visual hierarchy. **Learning Value**: Reduces split attention effect. Learners know where to look. ### 4. Straight Ahead vs Pose to Pose **Teaching Application**: Straight ahead for demonstrating processes (how things flow). Pose to pose for explaining states (before/after, step-by-step). **Learning Value**: Process animations show continuity. State animations show comparison. ### 5. Follow Through and Overlapping Action **Teaching Application**: Show consequence and connection. When A moves, B follows—demonstrates relationships. Cause ripples to effect. **Learning Value**: Systems thinking. Understanding interconnection through visible chains. ### 6. Slow In and Slow Out **Teaching Application**: Emphasis through timing. Slow into important concepts, pause, slow out. Fast through familiar content. Match cognitive load. **Learning Value**: Pacing respects comprehension. Critical moments get time to land. ### 7. Arc **Teaching Application**: Learning paths and progress visualization. Journey from novice to mastery follows arc, not straight line. Growth curves. **Learning Value**: Normalizes non-linear progress. Shows effort required at different stages. ### 8. Secondary Action **Teaching Application**: Reinforcement without repetition. While explaining main concept, visual examples support in parallel. Annotation and illustration. **Learning Value**: Multiple encoding—verbal and visual simultaneously. Improved retention. ### 9. Timing **Teaching Application**: Match animation speed to content complexity. Simple concepts: quick animation. Complex concepts: slower, with pauses. **Learning Value**: Cognitive load management. Never outpace the learner's processing. ### 10. Exaggeration **Teaching Application**: Make differences obvious. Exaggerate contrasts to teach distinction. Before/after, right/wrong—make the gap visible. **Learning Value**: Disambiguation. Learners clearly see what makes things different. ### 11. Solid Drawing **Teaching Application**: Consistent visual language. Same style, same symbols, same spatial rules throughout. Build visual vocabulary learners can rely on. **Learning Value**: Reduces extraneous cognitive load. Learners decode meaning, not style. ### 12. Appeal **Teaching Application**: Make learning inviting. Appealing animations motivate engagement. Aesthetics affect perception of content value. **Learning Value**: Motivation and attention. Learners choose to engage with appealing content. ## Pedagogical Principles - Segment complex animations into learner-controlled chunks - Provide replay controls for self-paced review - Combine narration with animation (dual-coding) - Avoid decorative animation that doesn't teach - Test comprehension with animation-based assessment ## Accessibility in Educational Animation - Audio descriptions for visual learners with impairments - Captions for narration - Reduced motion alternatives - Transcript with key frames for offline review
© dylantarre · MIT · dylantarre/animation-principles