Навыки инженерного дизайна от автора Sonner, Эмиля Ковальского: передайте агенту его правила относительно компромиссов в анимации, кривых ускорения, длительности и тактильных ощущений от компонентов, а при проверке кода UI используйте таблицу «До / После / Почему» для предложения изменений.
Количество установок skills.sh 390427 (+3064 / 24 ч)
Аудит безопасности: выполнен (рисков не обнаружено)
Установка: npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng
Обоснование
- Анимация определяется частотой использования: операции, происходящие более 100 раз в день (горячие клавиши, командная панель), не анимируются; действия, инициируемые с клавиатуры, никогда не анимируются
- Правила реализуются через конкретный CSS: отсутствие выхода из scale(0), раскрытие всплывающих окон от точки вызова, сжатие кнопки до 0.97 при нажатии, анимация только transform и opacity, соблюдение prefers-reduced-motion
- В том же репозитории есть еще 14 навыков в рейтинге (animate, review-animations, apple-design и др.); за 24 часов было выполнено 3064 установок, всего накоплено 390427 (отражает только уровень интереса)
Использование
- npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng (в README автора для установки полного набора используется команда npx skills@latest add emilkowalski/skills)
- Попросите агента проверить код компонента или спросите, как реализовать определенную анимацию; при первом вызове без вопроса он вернет только сообщение о готовности
- Зависимости отсутствуют
Риски
- Чисто текстовые правила, результат аудита «пройдено» соответствует содержанию
- Отражает компромиссы одного автора, примеры ориентированы преимущественно на Web / CSS / React