Перейти к руководству
review-animationsавтор Emil Kowalski

Review Animations Skill.

Навык для Claude Code и Codex в области дизайн-ревью: проверяет код анимации на тайминг, взаимодействие и качество исполнения по высокой планке.

  • Дизайн-ревью и доступность
  • Отчёт ревью
emilkowalski/skills · skills/review-animations/SKILL.mdSKILL.md
--- name: review-animations description: Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. --- ## Operating Posture ## The Ten Non-Negotiable Standards ## Aggressive Escalation Triggers ## Remedial Preference Hierarchy ## Required Output Format ## Guidelines
Метаданные и заголовки разделов считаны из исходного файла 2026-09-14 · 8 040 символов полностью

01 Что делает

Что делает skill review-animations в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Намеренно узкоспециализированный skill для ревью: он оценивает код анимации и движения по высокой планке мастерства и не занимается ничем другим, отказываясь от общего ревью кода. Его содержательные стандарты основаны на философии анимации Эмиля Ковальски, а метод — десять неотъемлемых стандартов, агрессивные триггеры эскалации, девятиступенчатая иерархия исправлений и многоуровневый вывод — построен так, чтобы завершиться одним вердиктом.

По умолчанию — отмечать проблему; одобрение нужно заслужить. Каждая анимация в diff должна обосновать своё назначение и частоту, использовать отзывчивый easing, укладываться в 300ms, масштабироваться от своего триггера, работать на transform и opacity, быть прерываемой, учитывать reduced motion и использовать асимметричный тайминг. Вывод — таблица находок Before/After/Why плюс решение Block или Approve со ссылкой на file:line.

Отчёт о проверке
Смотрите пример запроса ↗

Как это работает

  1. 01
    Оценка по десяти стандартам

    Каждая анимация в diff проверяется по десяти неотъемлемым критериям, охватывающим обоснование, частоту, easing, длительность, точку origin, прерываемость, GPU-свойства, доступность, асимметрию и связность.

  2. 02
    Отмечать триггеры эскалации сразу

    Перечисленный набор красных флагов отмечается жёстко, а не обсуждается — включая transition: all, появления через scale(0), ease-in на UI, анимацию на клавиатуре или действиях частотой 100+/день, а также отсутствие обработки reduced-motion.

  3. 03
    Предпочитать самое раннее исправление

    Исправления предлагаются в порядке иерархии: от удаления анимации, к её уменьшению, исправлению easing, origin, прерываемости, GPU-свойств, тайминга, полировки и, наконец, доступности и связности.

  4. 04
    Выдавать две обязательные части

    Ревью возвращается в фиксированном порядке: часть 1 — единая таблица находок, часть 2 — многоуровневые комментарии, завершающиеся явным решением.

  5. 05
    Многоуровневые комментарии и решение

    Остальные комментарии группируются в шесть уровней влияния, от высшего к низшему; пустые уровни опускаются, а завершается всё решением Block или Approve.

02 Определите своё применение

Когда использовать review-animations Skill

Используйте навык review-animations в Claude Code или Codex, когда задача — дизайн-ревью такого рода. Применимость и ограничения ниже взяты из собственного файла навыка.

Хорошо подходит

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

Знайте границы

  • Не пишет функции, не исправляет несвязанные баги и не проверяет код, не связанный с движением.

03 Внутри скилла

Что review-animations Skill привносит в дизайн-ревью

4 действия, которым SKILL.md обучает Claude Code или Codex, в порядке разделов файла.

  1. Рабочая позиция

    Вы — старший дизайн-инженер с безжалостным глазом к мастерству. Ваш уклон — к движению, которое ощущается правильным, а не просто работает.

  2. Десять обязательных стандартов

    Каждая анимация в diff проверяется по ним. Нарушение — это замечание.

  3. Иерархия предпочтений для исправления

    При предложении исправлений предпочитайте ранние шаги поздним:

  4. Guidelines

    Предпочитайте CSS transitions/@starting-style/WAAPI для предопределённого движения; JS/пружины для динамичного, прерываемого, жестового движения.; Если сомневаетесь, ощущается ли движение правильно, рекомендуйте просмотреть его в замедленном режиме / покадрово

04 Применение

Установить review-animations в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавить review-animations в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal
npx skills add https://github.com/emilkowalski/skills --skill review-animations

Общая форма CLI skills для skills/review-animations/SKILL.md; репозиторий может документировать собственный путь.

Дайте скиллу первую задачу по проверке дизайна

SKILL.md не включает пример промпта; этот стартовый написан на основе однострочного описания из каталога. Замените строку задачи на ваш реальный бриф.

Starter prompt
Use the review-animations skill on the material I attach. What the skill should do here: Reviews animation code for timing, interaction, and finish against a high craft bar. Rules: do not invent copy, data or brand assets. State your plan first, then produce the result and tell me what to check.

Источник: стартовый промпт написан на основе однострочного описания из каталога (не из SKILL.md).

Проверьте первый результат

Перед принятием результата найдите это в диалоге и файлах:

  • Результат поставляется как отчёт проверки, как указано для этого навыка в каталоге.
  • Агент упоминает навык review-animations в своём плане или отчёте перед выдачей результата.
  • Ваш собственный контент, имена и числа остаются неизменными в выводе.

В OpenDesign review-animations идёт в комплекте: Plugins → Skills, выберите его в верхней панели.

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Repository
github.com/emilkowalski/skills Ветка main
Файл skill
skills/review-animations/SKILL.md Контрольная сумма содержимого записана при проверке; коммит d23d7f8
License
MIT Из LICENSE.
Звёзды репозитория
37 516 Снимок GitHub от 14.09.2026 для всего репозитория emilkowalski/skills, который содержит 9 навыков в этом каталоге. Это не рейтинг и не счётчик использования review-animations.
Проверено OpenDesign
2026-09-14 Исходный файл, путь, текст лицензии и количество звёзд проверены. Включён в основной OpenDesign (проверено 2026-08-28); запись живого запуска на этой странице отсутствует.
Собственное описание skill
«Проверяет код анимации и моушна на соответствие высокой планке крафта, основанной на философии дизайн-инжиниринга Эмиля Ковальски. По умолчанию отмечает проблемы; одобрение нужно заслужить.»

Описание из заголовка SKILL.md. Полный файл составляет около 8040 символов. Читайте полный файл на GitHub.

Review Animations

Запустите review-animations на реальной задаче дизайн-ревью.

Навык review-animations входит в OpenDesign. Скачайте приложение, выберите навык в Plugins → Skills, вставьте промпт выше и прочитайте план перед результатом.

Терминал
npx skills add https://github.com/emilkowalski/skills --skill review-animations