transitions-polish — скилл для Claude Code: настройка анимаций
Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion.
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a claude-codeЧто делает transitions-polish
transitions-polish разбирает уже настроенные анимации по пяти параметрам: duration, distance, scale, blur и easing. Он сопоставляет значение с назначением движения: открытием модального окна, закрытием dropdown, сменой текста, появлением tooltip или stagger. Близкое число само по себе не считается поводом для замены.
Скилл учитывает правила для разных фаз: закрытие обычно короче открытия, hover-in и hover-out могут использовать разные настройки, а для некоторых движений длительность остаётся симметричной. Токены можно подключить через _root.css; в отличие от transitions-dev, этот скилл настраивает уже существующие переходы. Поскольку исходный текст описывает его как add-on, перед установкой стоит проверить, нужен ли вам отдельный набор переходов transitions-dev.
Какие задачи решает
- проверить анимации на соответствие motion-токенам
- подобрать duration и easing по назначению движения
- разделить время открытия и закрытия поверхностей
- исправить stagger и intent delay
- найти переходы с ручными значениями
Примеры запросов агенту
- Проверь анимации в проекте командой `transitions review` и укажи, где duration не соответствует назначению.
- Отполируй существующие переходы: настрой timing, easing, stagger и open/close timing командой `transitions polish`.
- Сопоставь анимации с токенами transitions.dev, не меняя значения, для которых нет подходящего сценария.
Как установить transitions-polish
1Через Skills CLI (Vercel)
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a claude-code2Вручную: положить файлы
~/.claude/skills/transitions-polish/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/transitions-polish/
1Через Skills CLI (Vercel)
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a codex2Вручную: положить файлы
.agents/skills/transitions-polish/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a cursor2Вручную: положить файлы
.cursor/skills/transitions-polish/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Jakubantalik/transitions.dev transitions-polish2Вручную: положить файлы
.github/skills/transitions-polish/SKILL.md1Через Skills CLI (Vercel)
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a gemini-cli2Командой платформы
gemini skills install https://github.com/Jakubantalik/transitions.dev --path skills/transitions-polishВручную: положить файлы
.devin/skills/transitions-polish/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Похожие
Вопросы о transitions-polish
Как установить transitions-polish в Claude Code?
Выполните npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a claude-code, затем повторите npx skills add Jakubantalik/transitions.dev --skill transitions-polish -a claude-code. Файл скилла находится в ~/.claude/skills/transitions-polish/SKILL.md.
Что делает transitions-polish?
Он проверяет существующие переходы и предлагает токены для duration, distance, scale, blur и easing с учётом сценария движения. Скилл также учитывает асимметрию открытия и закрытия, stagger и задержки.
Нужен ли transitions-dev для работы transitions-polish?
Нет, скилл может проверять проект самостоятельно, потому что его значения токенов приведены внутри. Он также устанавливается рядом с transitions-dev и настраивает уже добавленные переходы.
