Impeccable и Taste Skill: зачем я держу два дизайн-скилла для ИИ
Impeccable давно стоит в моём рабочем процессе, а теперь я добавил Taste Skill — набор от 16-летнего разработчика с 62 тысячами звёзд. Разбираю, чем два дизайн-скилла отличаются и когда какой брать.
Impeccable стоит у меня в рабочем процессе давно. Это был первый скилл, который я поставил, чтобы ИИ-агент перестал выдавать интерфейсы на одно лицо: Inter на всех заголовках, фиолетовый градиент, карточки внутри карточек. С ним фронтенд из-под Codex начал выглядеть как работа человека.
Недавно я добавил к нему второй инструмент, Taste Skill. Не вместо Impeccable, а рядом с ним. Здесь разбираю, чем эти два скилла отличаются, что у каждого сильнее и почему я держу оба.
Почему мне стало тесно с одним скиллом
Impeccable закрывает почти всю рутину по качеству фронтенда, но он заточен под управляемый, дисциплинированный цикл. Когда мне нужно быстро накидать промо-лендинг с нестандартным характером или сгенерировать референсные картинки под бренд, хочется инструмент попроще и порезче. Так я и пришёл к связке из двух скиллов: один держит стандарт, второй даёт скорость и свободу.
Impeccable: то, что уже работает у меня
Impeccable сделал Пол Бакаус, создатель jQuery UI и экс-инженер Google. Скилл вырос из оригинального frontend-design от Anthropic и дорос до целого процесса: одна команда /impeccable с 23 субкомандами, 7 справочных файлов по типографике, цвету, движению и пространству, детектор из 45 правил и живая правка в браузере.
Ключевая идея — два файла в корне проекта. PRODUCT.md описывает, для кого продукт и какой у него характер, а DESIGN.md фиксирует палитру, шрифты и токены. Каждая команда читает оба перед генерацией, поэтому результат не уплывает в «типовой SaaS». На старте скилл спрашивает регистр: brand (лендинг, промо) или product (интерфейс приложения).
Как я это использую:
- Новый проект веду по цепочке
init → shape → craft: сначала собираюPRODUCT.md, потом мудборд картинками, потом код под утверждённый мок. - Перед релизом прогоняю
audit → clarify → harden: проверяю технику, тексты и крайние случаи. - В CI держу детектор
npx impeccable detect src/: он ловит регресс без всякой модели и умеет ронять сборку по коду выхода.
Taste Skill: почему я добавил второй
Taste Skill устроен иначе. Это набор портативных скиллов под кодинг-агента, где характер результата задаётся числовыми значениями, а рядом лежат скиллы генерации изображений и брендбордов. Ставится через npx skills add, лицензия MIT, работает с Codex, Cursor и Claude Code.
В основном скилле есть три числовых значения по шкале 1–10, которые задаёшь прямо в шапке файла SKILL.md: DESIGN_VARIANCE отвечает за смелость вёрстки, MOTION_INTENSITY за глубину анимации, VISUAL_DENSITY за плотность экрана. Это обычные числа, которые правишь вручную, никакого интерфейса со слайдерами нет. Для промо-лендинга я поднимаю вариативность и движение, для продуктового экрана держу ниже.
Чем они отличаются
| Критерий | Impeccable | Taste Skill |
| Автор и происхождение | Пол Бакаус, вырос из Anthropic frontend-design | Leon Lin (16 лет), самостоятельный проект |
| Архитектура | Один скилл плюс 23 команды | Много модульных скиллов (код и картинки) |
| Управление | Команды плюс файлы PRODUCT.md и DESIGN.md, регистр brand/product | Числовые значения variance / motion / density |
| Проверка качества | Детектор из 45 правил, CLI и Chrome-расширение, дизайн-хук в редакторе | Предполётная проверка внутри скилла |
| Итерация | Живая правка в браузере (Live Mode) | Через вызов скилла в промпте |
| Охват | Только фронтенд, но очень глубоко | Фронтенд плюс генерация картинок и брендборды |
| Лицензия | Apache 2.0 | MIT |
| Популярность | 42 000+ звёзд, встроен в GitHub Copilot | 62 000+ звёзд |
Что лучше в каждом
Impeccable сильнее там, где нужен контроль. Детерминированный детектор превращает «дизайн выглядит дёшево» в конкретный список нарушений, который можно поставить гейтом в CI. Разделение brand и product, живая правка в браузере и словарь из 23 команд дают точечное управление. Расплата — более высокий порог входа: нужно заполнить PRODUCT.md, договориться о регистре и освоить команды.
Taste Skill сильнее там, где нужна скорость. Числовые значения понятны без изучения документации, набор модульный, а генерация картинок и брендбордов расширяет его за пределы чистого кода. Взамен нет объективного детектора, а основной скилл пока в статусе экспериментального v2, где формулировки правил ещё меняются.
Как я использую их вместе
Я не запускаю оба скилла на одной задаче одновременно, два дизайн-скилла путают агента. Вместо этого я выбираю под контекст:
- Продуктовый интерфейс, дизайн-система, аудит и полировка, гейт в CI → Impeccable.
- Промо-лендинг с нуля, смелый визуал, референсные картинки и брендборд → Taste Skill.
- Нужен измеримый стандарт качества для команды → Impeccable.
- Нужен быстрый прирост вкуса с минимумом настройки → Taste Skill.
Главная мысль
Ни один из этих скиллов не делает модель дизайнером. Оба лишь убирают рефлексы, из-за которых вывод выглядит сгенерированным, и дают агенту общий язык. Impeccable делает это через процесс и проверку, Taste Skill через числовые значения и модули. Держать оба оказалось удобнее, чем выбирать один: инструмент под задачу всегда под рукой.
По теме
Если вы строите фронтенд с ИИ и хотите, чтобы интерфейсы выглядели как работа дизайнера, эти два скилла закрывают задачу с разных сторон.
Если захотите обсудить, как встроить такой контур у себя или в команде — пишите в Telegram @pimenov
Если хотите разобрать свою задачу — напишите мне Если хотите разобрать свою задачу — напишите мне.
Можно прийти с идеей, черновым контекстом или уже живой задачей. Помогу быстро понять, где реальный следующий шаг, а где лишний шум.
Обычно хватает 2–3 сообщений, чтобы понять, могу ли я здесь реально помочь и в каком формате лучше двигаться дальше.