AIKraft/AI/Войти
AIKraft/Skills/Навык правил анимации Disney

Навык правил анимации Disney

Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Use when creating, improving, reviewing, or debugging code-driven motion in web, SVG, canvas, React, Remotion, game, UI, character, camera, or 3D scenes; especially when motion feels stiff, weightless, mechanical, unclear, or physically correct but visually weak.

vibe-motion official Дизайн

Что делает навык

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

Когда применять

  • Создание процедурной анимации для web, SVG, canvas, React, Remotion, игр, UI, персонажей, камеры или 3D-сцен.
  • Улучшение движения, которое выглядит скованным, невесомым, механическим, неясным или физически корректным, но визуально слабым.
  • Ревью и отладка анимации, управляемой кодом, для устранения проблем с позингом, таймингом или силуэтом.

Как работает

  1. Осмотреть сцену, код, входные данные, рендерер и ограничения проекта перед изменением движения.
  2. Сформулировать действие в одном предложении: субъект, намерение, сила, назначение и желаемое ощущение.
  3. Выявить основное действие и ранжировать все второстепенные действия под ним.
  4. Заблокировать семантические фазы и ключевые позы до выбора кривых сглаживания (easing).
  5. Выбрать релевантные принципы из references/twelve-principles.md и определить детерминированный оценщик состояния.
  6. Настроить тайминг и интервалы на репрезентативных кадрах, затем удалить эффекты, скрывающие слабые позы или неясный тайминг.

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

Исправь анимацию прыжка персонажа в Remotion, чтобы она выглядела менее механической и более весомой.
Проведи ревью движения UI-элемента в React: он выглядит слишком жестко, примени принципы Disney для добавления плавности.
Отладь процедурную анимацию в canvas, где движение кажется невесомым; определи основные и второстепенные действия.

Что понадобится

  • Доступ к файлам references/twelve-principles.md, references/implementation-patterns.md и references/clawd-jump-case-study.md из репозитория vibe-motion/skills.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «disney-animation-rule-skill» из репозитория: # https://github.com/vibe-motion/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r disney-animation-rule-skill/ ~/.claude/skills/disney-animation-rule-skill/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.