Навык разбирает интерфейс по принципам дизайн-инженера Emil Kowalski: что анимировать, а что нет, и как довести детали до блеска.
Чем навык помогает в работе.
Опишите задачу — и запустите навык в чате.
Проверь анимации в моём модальном окне и предложи улучшения.
Подбери длительность и кривую для выпадающего меню.
Одна команда в терминале — навык добавится вашему агенту.
npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng
Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.
Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.
review-animations · emilkowalski
Проверяет анимации и переходы в коде по жёстким правилам качества: скорость, плавность, точку отсчёта и доступность, и решает, пропускать код или нет.
animation-vocabulary · emilkowalski
Превращает неточное описание анимации («тот отскок, когда всплывает окошко») в точный термин из словаря веб-анимации. Помогает точнее формулировать задачу дизайнеру или другому ИИ-агенту.
apple-design · emilkowalski
Даёт агенту знания о принципах Apple по жестам, пружинным анимациям, полупрозрачным материалам и типографике из докладов WWDC. Помогает создать интерфейс, который ощущается отзывчивым и «живым».
frontend-design · anthropics
Создаёт сайты и интерфейсы с продуманным видом: подбирает цвета, шрифты и расположение блоков, а затем пишет готовый код.
web-design-guidelines · vercel-labs
Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.
canvas-design · anthropics
Создаёт постеры, обложки и другую визуальную графику в PNG и PDF: сначала придумывает художественную концепцию оформления, затем воплощает её на холсте с продуманной композицией и шрифтами.