Навык полировки интерфейса от Якуба Крехеля: заставляет агента проверять и исправлять скругления углов, тени, обводки изображений, масштабирование при нажатии, анимации появления и исчезновения, а также переключение иконок согласно набору точных числовых значений. В конце выводится таблица проблем с указанием файлов и строк, отсортированная по степени серьезности, и дается заключение Block (Заблокировать) или Approve (Одобрить).
Аудит безопасности: не проводился
- Сканирование еще не выполнено
Обоснование
- Правила задают конкретные числа: внешний радиус скругления вложенных элементов = внутренний радиус + внутренний отступ + ширина рамки; при нажатии масштабирование до 0.96 с easing ease-out за 150 мс, в отключенном состоянии масштабирование отсутствует; поэтапное появление с интервалом 100 мс между блоками, размытием 4 px и смещением 12 px, длительностью 300 мс; для переключения иконок используется пружинная анимация с коэффициентом отскока 0
- Прилагается таблица «Обнаружение → Исправление»: transition-all заменяется на явное указание свойств; если есть только тень box-shadow в качестве обводки, но нет border, добавляется прозрачная рамка (в режиме высокой контрастности тени удаляются); стили для наведения помещаются в @media (hover: hover)
- Анимации смещения, масштабирования и размытия выполняются только при prefers-reduced-motion: no-preference; при уменьшении движения они заменяются на плавное изменение прозрачности; анимация не должна быть единственным индикатором состояния
- Четкое разделение ответственности: типографика, доступность, верстка и цвета обрабатываются соответствующими навыками в том же репозитории: better-typography, better-accessibility, better-layout, better-colors; в README указана лицензия MIT
- Установка через skills.sh за 24 часов, 450 (отражает только уровень интереса)
Использование
- Команда установки отображается после успешного прохождения аудита; активируется, когда взаимодействие уже работает корректно, но требуется визуальная полировка или проверка компонентов. Рекомендуется устанавливать вместе с better-accessibility из того же репозитория (требования к уменьшению движения относятся к нему)
- Аккаунт не требуется; если браузер недоступен, длительности и функции плавности для каждого состояния считываются из кода, если браузер доступен — воспроизведение в панели Animations со скоростью 10%, непроверяемые элементы помечаются как Not verified
Риски
- В этом выпуске аудит не проводился, фиксированный рейтинг C, команда установки не отображается; SKILL.md содержит только текстовые правила, без скриптов и сетевых запросов; на skills.sh все три сторонних аудита имеют статус Pass
- Числовые значения отражают личные предпочтения автора (признается только 0.96, не признается 0.95); при конфликте с существующей дизайн-системой приоритет отдается соглашениям проекта, в SKILL.md также указано, что последовательные практики проекта не считаются проблемой
- Файлы рецептов, такие как surfaces.md и animations.md, в этом выпуске не читались