Skills for Design Engineers — скиллы для ИИ-агентов с чувством вкуса

Эмиль Ковальски, известный по работе в Vercel и Linear, выпустил открытый набор скиллов для ИИ-агентов. Это не очередная библиотека компонентов — это инструкции, которые учат агента принимать правильные дизайнерские и анимационные решения.

Проект собрал уже более 20 000 звёзд на GitHub и распространяется по лицензии MIT.

Проблема: у агентов нет вкуса

Главный тезис Эмиля: «Agents don't have great taste». ИИ-агенты регулярно допускают одни и те же ошибки в интерфейсах:

• Используют ease-in для анимации появления, хотя нужно ease-out.
• Выбирают сплошную границу вместо полупрозрачной тени.
• Не чувствуют, какая анимация уместна, а какая — лишняя.

Каждая такая мелочь в сумме превращает интерфейс из хорошего в посредственный. Скиллы Ковальски систематизируют знание того, «как правильно», и передают его агенту.

Состав набора

Репозиторий содержит 7 скиллов, каждый можно использовать как самостоятельный инструмент через npx skills:

emil-design-eng — основной скилл. Сочетает анимационные и дизайнерские рекомендации. Подходит как отправная точка для большинства задач.

review-animations — строгая проверка анимаций по правилам Ковальски. Агент анализирует каждую анимацию и указывает на нарушения.

improve-animations — аудит всей кодовой базы на предмет качества анимаций. Генерирует приоритезированный план исправлений, который может выполнить любой агент.

find-animation-opportunities — поиск мест в интерфейсе, которые выиграют от анимации. Заодно подсказывает, что анимировать не стоит.

animation-vocabulary — обучает правильной терминологии анимаций. Позволяет точнее формулировать задачи для ИИ: вместо «сделай красиво» — «используй spring с damping 0.8 и stiffness 180».

apple-design — принципы дизайна и плавной анимации Apple, извлечённые из докладов WWDC. Адаптированы для веба.

pick-ui-library — агент выбирает UI-библиотеку под задачу из проверенного списка. Вместо того чтобы позволять ИИ генерировать тост с нуля или устанавливать заброшенный пакет.

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

Установка одной командой:

npx skills@latest add emilkowalski/skills

После этого агенту становятся доступны все перечисленные скиллы. Можно использовать их по отдельности или комбинировать.

Почему это важно

Эмиль подчёркивает: скиллы — это побочный эффект экспертизы в предметной области. ИИ не заменяет такую экспертизу, он усиливает её. Чем глубже вы разбираетесь в дизайне и анимациях, тем качественнее результат вы получите от агента.

Этот подход контрастирует с массовой генерацией «серого» контента, которую Эмиль называет «sea of slop». Скиллы — способ выделиться, сделать интерфейс, который ощущается продуманным.

Вывод

Skills for Design Engineers — практический инструмент, который решает реальную проблему: ИИ-агенты плохо чувствуют дизайн. Вместо абстрактных советов — конкретные правила, проверенные годами работы в ведущих продуктовых компаниях.