3 навыка, после которых
интерфейс перестаёт выглядеть как ИИ
Ты просишь агента сделать лендинг и получаешь одно и то же: фиолетовый градиент, скруглённые карточки, шрифт по умолчанию. Проблема не в модели, а в том, что ей никто не объяснил правила дизайна. Эти три навыка объясняют. Ставятся за две минуты и стоят ноль.
Почему ИИ-интерфейс видно за секунду
Модель училась на миллионах страниц и выдаёт то, что встречалось чаще всего. Чаще всего встречался средний бутстрап-лендинг. Поэтому по умолчанию ты и получаешь среднее: одинаковые отступы, одинаковый градиент, текст, который никто не редактировал.
Просьба «сделай красивее» ничего не меняет, потому что это оценка, а не правило. Агент не знает, что именно ты считаешь красивым, и делает ещё один средний вариант. Навык же кладёт агенту в голову конкретные правила: какой контраст держать, сколько ступеней в шкале отступов, какая кривая у анимации, что вообще не надо анимировать. С правилами результат перестаёт быть лотереей.
Без навыков
Фиолетовый градиент, три шрифта на странице, отступы на глаз, анимация «всё подпрыгивает». Каждый новый экран не похож на предыдущий. Правки идут кругами: «нет, не так», «а теперь верни как было».С навыками
Агент сам выбирает направление и держит его на всех экранах. Движение появляется там, где помогает понять интерфейс. Перед сдачей проходит по своей же работе с проверкой и чинит то, что ты бы заметил только через неделю.Навык 01 · Вкус
Taste
Главное отличие от обычного промпта: ты не задаёшь стиль вручную. Агент сначала решает, каким этот продукт должен быть по характеру, и только потом верстает. Один раз выбранное направление он держит на всех экранах, а не изобретает новое на каждой странице.
Вызывать отдельно не нужно, он включается сам на просьбах вроде «сделай лендинг красивее» или «это выглядит как ИИ-шаблон, почини». То есть ровно на тех фразах, которые ты и так пишешь.
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
Навык 02 · Движение
Motion
Автор – дизайн-инженер Emil Kowalski, автор Sonner и Vaul: это компоненты, которые стоят в тысячах продуктов. Внутри его собственные рабочие правила, а не пересказ статей про анимацию.
Самое ценное здесь – вторая и третья команды. Одно дело добавить движение, другое – проверить то, что уже сделано, и получить список правок по приоритету. Обычно именно после проверки интерфейс перестаёт выглядеть самодельным.
| Команда | Что делает |
|---|---|
| animate | Собирает анимацию с нуля и сам выбирает кривую, длительность и свойства |
| review-animations | Строго проверяет то, что уже сделано, по своим правилам |
| improve-animations | Проходит по проекту и выдаёт план правок по приоритету |
В наборе есть ещё find-animation-opportunities, emil-design-eng, animation-vocabulary, apple-design, pick-ui-library и prototype. Отдельно их вызывать не обязательно, агент берёт нужное сам.
npx skills@latest add emilkowalski/skills
Навык 03 · Система
Impeccable
Ключевое: он работает внутри твоего проекта. Подхватывает твои же токены и компоненты, а не строит рядом вторую систему со своими цветами. Поэтому его безопасно ставить на то, что уже написано.
| Группа | Команды | Зачем |
|---|---|---|
| Оценить | /audit · /critique | Найти проблемы и получить разбор с оценкой |
| Довести | /typeset · /layout · /colorize · /animate | Типографика, отступы, цвет, движение |
| Усилить | /bolder · /overdrive · /delight · /quieter | Прибавить или убавить громкости |
| Упростить | /adapt · /clarify · /distill | Адаптив и снятие лишнего |
| Закрыть | /polish · /harden · /optimize · /onboard | Финальный проход перед сдачей |
| Система | /init · /document · /extract · /live | Настройка, фиксация и правка вживую |
npx impeccable install
/plugin marketplace add pbakaus/impeccable
/polish. Прогоняй её перед тем, как показать работу клиенту или выложить страницу. Она подтягивает детали, которые ты уже не видишь замыленным глазом.С чего начать
- Сначала Taste. Чтобы агент перестал выдавать шаблон. Без этого остальные два будут доводить до ума средний макет.
- Потом Motion. Чтобы интерфейс ожил, а движение появилось там, где помогает, а не везде подряд.
- Impeccable последним. Это финальный проход: система, проверка и полировка перед сдачей.
Чек-лист: поставил и проверил
Частые вопросы
Нужно ли уметь дизайнить, чтобы это работало
Это платно
Команда установки не срабатывает
npx идёт вместе с ним. Проверь node -v, нужна версия 18 и выше. Если ставишь второй и третий вариант через /plugin, обнови Claude Code до последней версии, команда появилась не сразу.Навык встал, но агент им не пользуется
Не сломает ли это существующий проект
Три сразу или можно один
А что ещё пора отдать агенту?
Дизайн – одна задача из десятка, которые у тебя сейчас делаются руками или наёмными людьми. Заполни короткую форму: я посмотрю, что у тебя происходит, и отвечу, какую задачу стоит автоматизировать первой и как к ней подойти.
Получить разбор по своей задачеСохрани себе в PDF
Все три навыка, команды установки, таблица команд Impeccable, порядок и чек-лист. Одна страница на каждый навык, всегда под рукой.
t.me/buimov_it