AIKraft/Skills/review-animations

review-animations

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

OPOpenDesign official Разработка ★ 99.8k

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

Skill проверяет код анимаций и движения на соответствие высоким стандартам качества, основанным на философии инженерного дизайна Эмиля Ковальского. Он выявляет проблемы с производительностью, доступностью и эстетикой, требуя одобрения каждого анимационного решения.

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

  • Проверка diff-изменений в коде анимаций перед мержем
  • Аудит существующих переходов и переходных состояний на соответствие стандартам частоты и обоснованности
  • Оценка конфигураций пружин (spring config), кривых ускорения (easing) и длительностей
  • Проверка анимаций на доступность (a11y) и производительность (drops frames)

Как работает

  1. Определить, что запрос касается именно анимаций и движения; если это общий код, отклонить запрос и направить к общему ревью-скиллу
  2. Загрузить STANDARDS.md для получения точных значений и цитат по стандартам (easing, duration, spring, a11y и др.)
  3. Измерить каждую анимацию в diff против Десяти незыблемых стандартов (Justified motion, Frequency-appropriate и др.)
  4. По умолчанию выявлять проблемы; одобрение заслуживается только при строгом соответствии стандартам
  5. Формировать вывод с явными критериями одобрения и эскалационными триггерами при нарушениях

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

Проверь анимации в этом diff на соответствие стандартам качества
Оцени, оправдана ли анимация для кнопки, на которую нажимают 100 раз в день
Проведи ревью переходов в компоненте, опираясь на философию Эмиля Ковальского

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

  • Доступ к файлу STANDARDS.md из репозитория open-design

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

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

1Скачать навык
# возьмите папку навыка «nexu-io-review-animations» из репозитория: # https://github.com/nexu-io/open-design
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r nexu-io-review-animations/ ~/.claude/skills/nexu-io-review-animations/

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