ГлавнаяМатериалы к YouTube-видеоЧек-лист
Чек-лист

Этот СКИЛЛ на столько ХОРОШ, что GitHub встроил его в свой ИИ

Impeccable — это скилл для AI-агентов, который помогает находить и исправлять типичные признаки "нейросетевого" дизайна. Он нужен не для того, чтобы сделать дизайн "красивым ради красоты", а чтобы лендинг или интерфейс не выглядел как очередной шаблонный AI-сайт.

12 мин
Содержание10 глав
  1. 01Что такое Impeccable
  2. 02Какой дизайн Impeccable помогает распознавать
  3. 03Что есть внутри Impeccable
  4. 04Что Impeccable запрещает агенту делать
  5. 05Как установить Impeccable
  6. 06Готовый промпт для агента
  7. 07Что должно получиться после запуска
  8. 08Что проверять в результате
  9. 09Важный принцип
  10. 10Короткий вывод

Что такое Impeccable

Impeccable — это скилл для AI-агентов, который помогает находить и исправлять типичные признаки "нейросетевого" дизайна. Он нужен не для того, чтобы сделать дизайн "красивым ради красоты", а чтобы лендинг или интерфейс не выглядел как очередной шаблонный AI-сайт.

Ссылка на репозиторий: https://github.com/pbakaus/impeccable

55K+
звёзд на GitHub
160K
установок
6
поддерживаемых сред

Какой дизайн Impeccable помогает распознавать

AI-дизайн часто выдают повторяющиеся элементы:

  • одинаковые кнопки
  • одинаковые карточки
  • "карточка в карточке"
  • стандартные плашки
  • типичные AI-подзаголовки
  • одни и те же шрифтовые решения
  • кремовые лендинги с одинаковым контрастом
  • неоновые блоки там, где они не подходят
  • шаблонные секции, которые встречаются на тысячах сайтов

Главная идея: агент не должен просто "рисовать как обычно". Ему нужно дать систему, которая будет проверять, не скатывается ли дизайн в стандартный AI-slop.

Что есть внутри Impeccable

23 команды
для работы с дизайном
59 правил
детерминированных правил детектора
4 субагента
для работы с дизайном
12+ harness
под разные среды
177 систем
каталог оценённых дизайн-систем

Также доступны: режим Live для работы с элементами на странице и проверка без LLM и API-ключа через детектор.

Что Impeccable запрещает агенту делать

Один из главных принципов скилла — не давать агенту выбирать очевидные и заезженные решения. Например:

  • не использовать одни и те же популярные шрифты
  • не выбирать шрифт по банальной ассоциации: книга — serif, магазин — рукописный, tech-сайт — моношрифт
  • не останавливаться на первом "нормальном" варианте
  • не повторять типовые AI-паттерны в карточках, заголовках и блоках

Смысл не в запрете ради запрета, а в том, чтобы агент продолжал искать решение, которое подходит конкретному проекту.

Как установить Impeccable

Базовая команда установки:

npx impeccable install

Запуск детектора:

npx impeccable detect src/

Если UI-код лежит не в src/, нужно указать актуальную папку проекта.

Скопируйте этот промпт в Claude Code, Codex, Cursor или другую среду, где вы работаете с проектом.

Готовый промпт для агента11 строк · 1031 знак
Установи и инициализируй в этом проекте скилл Impeccable (репозиторий github.com/pbakaus/impeccable, лицензия Apache).

Выполни по порядку:

1. Запусти npx impeccable install в корне проекта.
2. Когда установщик спросит harness (Claude Code / Cursor / Codex CLI / Gemini CLI / GitHub Copilot / Grok Build) — определи, в какой среде ты сейчас работаешь, и выбери именно её.
3. После установки запусти /impeccable init (или соответствующий твоему harness способ вызвать эту команду).
4. В процессе init ответь на вопросы о продукте и дизайне честно и по делу, основываясь на контексте этого проекта — не выдумывай данные. Сохрани результат в PRODUCT.md и DESIGN.md.
5. После инициализации запусти npx impeccable detect src/ (или на актуальную папку с UI-кодом проекта) и покажи мне список найденных нарушений (детектор из 59 правил, без LLM и API-ключа).
6. Не используй craft — это deprecated-анализ, ничего не делает.
7. Кратко отчитайся: какой harness выбран, что записано в PRODUCT.md/DESIGN.md, сколько нарушений нашёл детектор.

Что должно получиться после запуска

После установки агент должен:

01
выбрать правильный harness под вашу среду
02
установить Impeccable в проект
03
запустить инициализацию
04
заполнить PRODUCT.md и DESIGN.md
05
проверить UI-код через детектор
06
показать список найденных нарушений
07
кратко объяснить, что было найдено и что нужно исправить

Что проверять в результате

После прогона Impeccable нужно посмотреть:

  • какие элементы выглядят слишком шаблонно
  • есть ли повторяющиеся AI-карточки
  • не используются ли заезженные шрифты
  • не похож ли лендинг на типовой AI-макет
  • где нарушена визуальная иерархия
  • какие блоки стоит переделать первыми
  • помогает ли результат сделать сайт более доверительным и конверсионным

Важный принцип

Impeccable не заменяет дизайнера и не делает идеальный сайт автоматически. Он помогает агенту не идти по самому очевидному пути. Если раньше AI просто собирал "нормальный" лендинг, то с Impeccable его можно заставить проверять дизайн по правилам и отлавливать типичные признаки AI-slop до того, как сайт уйдёт в продакшн.

Короткий вывод

Impeccable стоит использовать, если вы делаете сайты, лендинги или интерфейсы через Claude Code, Codex, Cursor или других AI-агентов. Главная польза — не в том, что скилл "рисует дизайн", а в том, что он не даёт агенту снова собрать одинаковый AI-лендинг из карточек, кремового фона, случайных плашек и заезженной типографики.

/ материалы

Чек-лист

Скачать чек-лист