Inter везде, фиолетово-синие градиенты, карточки в карточках

Каждая модель обучена на одних и тех же SaaS-шаблонах. Оставь агента без дополнительных инструкций — и получишь одно и то же: Inter для всего, фиолетово-синие градиенты, карточки внутри карточек, серый текст на цветном фоне, иконка-плашка над каждым заголовком. Это явление уже успело получить название AI slop — шаблонный мусор, который выглядит «сделано ИИ» с первого взгляда.

С этим решил разобраться Пол Бакаус (Paul Bakaus) — создатель jQuery UI и бывший Developer Advocate в Google. Его инструмент называется Impeccable, и на сегодняшний день у него уже более 65 тысяч звёзд на GitHub и более 363 тысяч установок.


Что такое Impeccable

Impeccable объединяет opinionated design skill, живую итерацию в браузере и детерминированное обнаружение антипаттернов в одной системе, которая работает с популярными AI-инструментами для написания кода.

Инструмент включает 1 skill, 24 команды, живую итерацию в браузере и 62 детерминированных правила детектора для AI-генерируемого фронтенд-дизайна.

ℹ Быстрый старт

Запустите из корня проекта:

npx impeccable install

Затем перезагрузите ваш AI-инструмент и выполните /impeccable init в агенте.

Impeccable устанавливается напрямую в ваш AI-инструмент — будь то Claude Code, Cursor, GitHub Copilot, Codex CLI, Gemini CLI, Grok Build, Trae или OpenCode.


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

Работа с Impeccable строится вокруг трёх концепций: словарь, ревью и детектор.


graph TD
    A[npx impeccable install] --> B[/impeccable init]
    B --> C[PRODUCT.md — контекст проекта]
    C --> D{Выбор действия}
    D --> E[Стиль: bolder / quieter / polish]
    D --> F[Ревью: critique / audit]
    D --> G[Детектор: detect]
    E --> H[Агент применяет изменения]
    F --> H
    G --> I[Блокировка AI slop до деплоя]

1. Единый словарь для агента

/impeccable init записывает долгосрочный контекст продукта в PRODUCT.md: аудиторию, назначение, ограничения, голос и доказательства — без смешивания с поверхностными визуальными указаниями.

«Make it pop» leaves your agent to guess. /impeccable bolder the pricing cards loads a playbook written for that one move.

Иными словами, вместо расплывчатых описаний типа «сделай покрасивее» вы даёте агенту точные команды с задокументированным поведением.

2. 24 команды для управления дизайном

24 команды дают AI-агенту общий дизайн-словарь, включая polish, audit, critique, distill, animate, bolder и quieter.

КатегорияКомандыНазначение
Steer (управление)bolder, quieter, distill, colorize, typeset, layout, animate, delight, overdriveКорректировка стиля и ритма
Review (ревью)critique, auditUX-оценка и технический аудит
Finish (финализация)polish, harden, clarify, adapt, optimize, onboardПодготовка к деплою
Live (в браузере)live, generateИнтерактивная итерация
Setup (настройка)shape, init, document, extractКонтекст и дизайн-система

3. Детектор AI slop — без LLM и API-ключей

Двунаправленный подход совмещает design skills, которые направляют решения модели до генерации кода, и детерминированный детектор, который затем проверяет сгенерированный код по 62 правилам без дорогих API-вызовов.

Детектор работает без LLM-вызовов — он полностью детерминирован, что позволяет запускать его в CI/CD-пайплайнах и pre-commit хуках с нулевой стоимостью API.

# Сканировать директорию
npx impeccable detect src/

# Сканировать отрендеренную страницу
npx impeccable detect https://example.com

# Машиночитаемый вывод
npx impeccable detect --json .

# Аннотации для GitHub Actions
npx impeccable detect --github src/
💡 Live Mode
/impeccable live открывает ваш dev-сервер с overlay. Выберите элемент, укажите направление — Impeccable горячей заменой подставляет варианты прямо в браузере. Принятый вариант записывается обратно в исходный код. Работает с Vite, Next, SvelteKit, Astro, Nuxt и plain HTML.

Три способа запустить детектор

62 детерминированных правила запускаются в CLI и расширении для браузера без LLM и API-ключей. Design hook возвращает результаты детектора обратно в поток агента после правок UI-файлов на поддерживаемых инструментах.

  1. Внутри агента — хук сканирует каждый UI-файл, который редактирует агент, и передаёт findings до того, как агент объявит работу завершённой.
  2. В CI или терминале — CLI не требует агента и работает автономно.
  3. В браузере — расширение для Chrome запускает те же детерминированные правила на любой живой странице — вашей или чужой.
⚠ Важно для Live Mode
Live mode работает только с локальной копией. Не внедряйте его в задеплоенный сайт и не ослабляйте production CSP ради него.

Установка и совместимость

По состоянию на 13 октября 2026 года актуальная версия skill — skill-v4.5.2, выпущенная 9 октября.

Инструмент поддерживает установку несколькими способами:

  • npx: npx impeccable install — автоматически определяет ваши AI-инструменты
  • Claude Code Plugin Marketplace: /plugin marketplace add pbakaus/impeccable
  • VS Code / GitHub Copilot: code --install-extension renaissance-geek.impeccable
  • Git submodule: для фиксации версии на всю команду

Инструмент распространяется по лицензии Apache 2.0 и является полностью бесплатным.

📝 Пример команды

После установки попробуйте:

/impeccable critique the pricing cards

Иmpeccable проверит карточки с ценами по UX-эвристикам и расставит приоритеты того, что нужно исправить.


Почему это важно для отрасли

Успех измеряется двумя способами: пользователь может управлять выводом AI с дизайнерской точностью вместо расплывчатых описаний, а AI создаёт интерфейсы, которые проходят профессиональное дизайн-ревью — а не «выглядят как сделано ИИ».

С ростом популярности AI-агентов для написания кода проблема шаблонного дизайна становится системной. Большинство разработчиков просто не имеют дизайнерского словаря, чтобы попросить AI о правильных улучшениях. Impeccable встраивает этот словарь напрямую в агента.

Агентства могут ускорить разработку, сохраняя внутренние стайл-гайды, а стартапы — обеспечивать качество без лишних итераций через Figma.

При более чем 65 тысячах звёзд на GitHub Impeccable уже стал де-факто стандартом дизайн-контроля для AI-агентов — и продолжает быстро развиваться.