База знаний
Open-source агент-скилл от Пола Бакауса. Версия 3.5: harness-specific правила, Live Mode (Beta) с правкой страницы и текста в браузере, детектор из 41 правила без jsdom, команда /impeccable init. 23 команды, 7 справочников, PRODUCT.md и DESIGN.md как общая память. Работает в Cursor, Claude Code, Codex, Gemini CLI и др.
Open-source агент-скилл от Пола Бакауса — создателя jQuery UI и экс-инженера Google. Учит ваш AI-кодинг-инструмент (Claude Code, Cursor, Codex CLI, Gemini CLI и десяток других) реально понимать дизайн: даёт ему 7 справочных файлов по типографике, цвету, движению и пространству и 23 команды, чтобы рулить результатом точечно. 25 000+ звёзд на GitHub, Apache 2.0, актуальная версия 3.5.0 (май 2026).
Impeccable (по‑русски «Безупречный») — это AI-скилл (agent skill), который вы устанавливаете в свой AI-кодинг-инструмент. После установки в чате появляется команда /impeccable с 23 субкомандами. Каждая отвечает за конкретную дисциплину: типографику, цвет, движение, разметку, копирайт, анти-паттерны, аудит, полировку, итерацию в браузере.
В основе — расширение оригинального frontend-design от Anthropic, переписанное автором на собственном eval-фреймворке: тот же бриф прогонялся через frontier-модели с скиллом и без, замерялась степень «коллапса в монокультуру». Главная находка — anti-attractor процедура, которая заставляет модель сначала перечислить и отбросить свои дефолтные рефлексы, и только потом выбирать.
Репозиторий: github.com/pbakaus/impeccable. Сайт с документацией и кейсами: impeccable.style.
/impeccable teach переименован в /impeccable init — старое имя работает как алиас.IMPECCABLE_NO_UPDATE_CHECK=1.cream-palette, тот самый «claude beige»), который срабатывал в 74% случаев на GPT.Загружаются перед каждой командой и формируют общий контекст:
| Файл | О чём |
| typography | Type-системы, font pairing, modular scales, OpenType-фичи |
| color-and-contrast | OKLCH, тинтованные нейтрали, dark mode, доступность контраста |
| spatial-design | Системы отступов, гриды, визуальная иерархия |
| motion-design | Easing-кривые, стаггеринг, reduced motion |
| interaction-design | Формы, focus-стейты, лоадинг-паттерны |
| responsive-design | Mobile-first, fluid design, container queries |
| ux-writing | Лейблы кнопок, тексты ошибок, empty states |
Все вызываются через /impeccable <command> <target>. Можно «запинить» часто используемую через /impeccable pin audit — тогда /audit станет отдельным шорткатом.
/impeccable init (бывший teach, старое имя работает как алиас) — одноразовая настройка проекта одной командой. Из одного скана кодовой базы собирает аудиторию, бренд-голос, anti-references, регистр (brand vs product), пишет PRODUCT.md, предлагает DESIGN.md, настраивает Live Mode и подсказывает, с какой команды начать./impeccable document — генерирует DESIGN.md из существующего кода в формате Google Stitch (цвета, типографика, elevation, компоненты, do/don't)./impeccable extract — вытягивает переиспользуемые компоненты и токены в дизайн-систему./impeccable shape — UX/UI-планирование до того, как написана хоть одна строка кода: бриф, мудборд, brand toolkit как картинки./impeccable craft — полный цикл shape → build с визуальной итерацией. Воспринимает мокапы как visual contract: проверяет, что в коде остались все обещанные элементы./impeccable live (Beta) — Visual Mode: Steer bar для правки всей страницы, точечная правка элемента и текста, accept — и изменение пишется обратно в исходник./impeccable critique — UX-ревью: иерархия, ясность, эмоциональный резонанс./impeccable audit — технические проверки: a11y, performance, респонсив./impeccable polish — финальный проход, выравнивание под дизайн-систему, готовность к шипу. Включает Information Architecture & Flow./impeccable harden — error handling, i18n, переполнение текста, edge cases./impeccable onboard — first-run флоу, empty states, активационные пути./impeccable bolder — амплифицировать «вялый» дизайн./impeccable quieter — приглушить «крикливый»./impeccable distill — снять лишнее и довести до сути./impeccable delight — добавить моменты радости./impeccable overdrive — техно-экстраординарные эффекты./impeccable typeset — фоны, иерархия, размеры шрифтов./impeccable colorize — стратегический цвет./impeccable layout — разметка, отступы, визуальный ритм./impeccable animate — осмысленное движение./impeccable adapt — адаптация под устройства./impeccable optimize — performance./impeccable clarify — улучшить непрозрачную UX-копию.Если не знаете, какая команда нужна — /impeccable redo this hero section без имени тоже работает: скилл сам выбирает подход. А пустой /impeccable без аргументов теперь не показывает статичное меню, а читает проект, ваш незакоммиченный git-tree и последний critique и предлагает 2–3 самые ценные команды с обоснованием (нет DESIGN.md → document; есть нерешённые замечания в редактируемых файлах → polish). Перед запуском всегда спрашивает, полное меню — ниже.
Два файла в корне проекта, которые читает каждая команда перед генерацией:
/impeccable init.Эти файлы решают главную проблему AI-генерации — дрейф в «modern SaaS». Каждая последующая команда стартует не с чистого листа, а с явных констант продукта.
Итерации прямо в браузере, в той кодовой базе, которую вы реально шипите. В 3.5 режим вышел из Alpha в Beta и работает на двух масштабах. Запускается /impeccable live.
Работает на Vite, Next.js (включая монорепо), SvelteKit, Astro, Nuxt, умеет автоматически патчить strict-CSP. Восстановление переживает HMR, скрытые hero-блоки и оверлеи дев-тулзов; экспериментальный streaming poll сокращает отклик с секунд до долей секунды. Команды устойчивой сессии: live status, live resume, live complete.
Два дополнительных инструмента, не требующих AI-harness:
npx impeccable detect src/ — детерминированный детектор анти-паттернов без LLM и без API-ключа. В 3.5 движок HTML/CSS переписан с нуля на htmlparser2 и настоящем резолвере CSS-каскада вместо jsdom: на корпусе из 160 файлов он стал примерно в 20× быстрее (0,34 с против 6,8 с, ~2 мс на файл). Движок без зависимостей и вшит прямо в скилл, чтобы работать инлайн. Правил теперь 41 в одном каноническом реестре, который питает CLI, расширение, critique и эвалы. Флаг --fast объявлен устаревшим: полный скан и так покрывает все правила, флаг принимается, но игнорируется. JSON-вывод для CI и pre-commit хуков; сканит локальные файлы, HTML и публичные URL через Puppeteer.С версии 3.0 скилл использует диффузионные модели для бренд-работ. /impeccable shape рисует toolkit как настоящие картинки (палитра, типографика, мудборд), /impeccable craft пре-рендерит хи-фай мок и ведёт код к нему. В деле — GPT Image 2, Nano Banana Pro, Imagen 4 Ultra. Самый сильный пайплайн — в Codex с GPT 5.5.
11 AI-кодинг-сред:
/settings),/skills или $impeccable),Рекомендуемый способ — CLI-инсталлер из корня проекта:
npx impeccable skills installКоманда сама определяет вашу harness и кладёт сборку, скомпилированную именно под неё (.claude/skills/, .cursor/skills/ и т.д.), — отсюда и harness-specific правила. Универсальный npx skills add pbakaus/impeccable тоже работает, но ставит одну общую сборку для всех инструментов, а не скомпилированную под ваш.
Для Claude Code есть плагин-маркетплейс:
/plugin marketplace add pbakaus/impeccableДальше открывается /plugin в Claude Code. После установки — пишете /impeccable и получаете автодополнение по всем 23 командам.
Для точечной установки можно скачать ZIP под конкретный harness с impeccable.style или скопировать из репозитория dist/<harness>/. У Codex субагент-ассет-продюсер теперь лежит внутри папки agents/ самого скилла и подхватывается автоматически — отдельная копия в .codex/agents/ больше не нужна.
| Инструмент | Сильная сторона | Когда выбирать |
| Impeccable | 23 команды + 7 справочников + Live Mode (Beta) + детектор из 41 правила (CLI/Chrome) | Полный продакшен-цикл AI-фронтенда: от брифа до полировки |
| Anthropic frontend-design | Базовый скилл, ~277k установок, оригинал, на котором всё начиналось | Минимальный entry-level, если хватает дефолтов и не нужны команды |
| Refero Styles | Готовые DESIGN.md из реальных продуктов | Когда нужен формальный «дизайн-вкус» как файл, а не словарь команд |
| Pencil | Агентный канвас с MCP внутри IDE | Когда работа ведётся через визуальный канвас, а не через CLI-команды |
| huashu-design | Терминал как дизайн-студия, китайский подход | Альтернатива от другой школы; см. блог-разбор |
Impeccable и Refero Styles — два слоя одного контура. Refero Styles даёт референс: «возьми вот этот стиль как файл». Impeccable даёт процесс: «вот словарь и команды, которыми ты этот стиль реализуешь и проверяешь». Пользоваться можно вместе.
Отдельный разбор соседей — Refero Styles и Refero.
Классический арк автора: init → shape → craft. Сначала /impeccable init собирает PRODUCT.md (аудитория, бренд-голос, anti-references). Потом /impeccable shape рисует мудборд и hi-fi мок как картинки. Потом /impeccable craft ведёт код к этому моку. Каждая последующая команда читает PRODUCT.md и DESIGN.md, и output не уплывает в generic SaaS.
Если пришла кодовая база, написанная без скилла, и она выглядит как «AI-slop»: запустите /impeccable document, чтобы извлечь токены в DESIGN.md, потом /impeccable polish <area> по разделам. Это не редизайн, а выравнивание под систему.
Автор предлагает три команды в очередь: audit → clarify → harden. Audit ловит технику (a11y, performance, респонсив), clarify чистит копии, harden закрывает edge cases (i18n, error states, переполнение текста).
Когда видно, что элемент кривой, но не получается сформулировать: /impeccable live, тычете в элемент, рисуете штрих, получаете три варианта.
/impeccable critique <area> — UX-ревью с разбором иерархии и ясности. Не правит ничего, только говорит что не так. Полезно перед демо и инвест-встречами.
Подключаете CLI: npx impeccable detect src/ --json → парсите вывод → блокируете PR с regression-патернами (Inter в новых файлах, фиолетовые градиенты, карточки в карточках). Никакого LLM в pipeline не нужно.
Chrome-расширение Impeccable работает на любом сайте. Открыли продукт конкурента — увидели подсветку anti-patterns и хороших решений. Бесплатный design research без подписок на Mobbin/Refero.
Если в вашем контуре полезно постоянно дёргать audit и polish — /impeccable pin audit и /impeccable pin polish дают шорткаты /audit и /polish без потери единого namespace.
Явный список того, что скилл считает «AI-slop» и борется с этим в каждой команде (всего 41 детерминированное правило):
Новое в 3.5 — 14 правил: бежево-кремовый фон (cream-palette, тот самый «claude beige»), злоупотребление длинным тире (em-dash-overuse), маркетинговые баззворды (marketing-buzzword), нумерованные маркеры разделов (numbered-section-markers), афористичный ритм текста (aphoristic-cadence), «театральные» slop-фразы (theater-slop-phrase), гигантский h1 (oversized-h1), экстремальный отрицательный трекинг (extreme-negative-tracking), тонкая рамка с широкой тенью в стиле GPT (gpt-thin-border-wide-shadow), повторяющиеся полоски-градиенты (repeating-stripes-gradient), transform картинки на hover (image-hover-transform), битые картинки (broken-image), переполнение текста (text-overflow) и обрезанный контейнер (clipped-overflow-container). Заодно забанены all-caps eyebrow-лейблы, больше трёх шрифтов и введён жёсткий пол по контрасту.
/impeccable extract и /impeccable document, но за вас не сделает.IMPECCABLE_NO_UPDATE_CHECK=1 и запускайте npx impeccable skills update руками.register и anti-references, договориться с командой про общий словарь команд. Без этого скилл ускорит работу, но не уберёт generic-вкус.npx impeccable skills install (ставит сборку под вашу harness)./impeccable init в новом проекте — заполнить PRODUCT.md осознанно, не пропускать anti-references./impeccable document для генерации DESIGN.md./impeccable pin audit, /impeccable pin polish.npx impeccable detect src/ --json как блокирующий гейт против regression-патернов (флаг --fast больше не нужен).npx impeccable skills update для свежих правил и команд.audit → clarify → harden.Если вы строите продукт с AI-кодингом и хотите, чтобы фронтенд выглядел как работа дизайнера, а не как дефолтный шаблон, — Impeccable сейчас самый компактный способ дать модели общий словарь и процесс. Хотите обсудить, как встроить такой контур в ваш стек, — напишите в Telegram
Можно прийти с идеей, черновым контекстом или уже живой задачей. Помогу быстро понять, где реальный следующий шаг, а где лишний шум.
Обычно хватает 2–3 сообщений, чтобы понять, могу ли я здесь реально помочь и в каком формате лучше двигаться дальше.
Кураторская библиотека из 130 000+ реальных экранов веба и iOS и 10 000+ пользовательских флоу. Разбираем возможности поиска, сценарии применения для команды и AI-агента, связку с…
Impeccable 3.5 — открытый дизайн-скилл, который чинит «ИИ-слоп» под каждую модель: правила под конкретные дефекты, Live Mode и переработанный детектор антипаттернов.
Онлайн-инструмент для проектирования ER-диаграмм на языке DBML: синтаксис, возможности, экспорт в SQL и тарифы
Мы используем cookie и аналитические сервисы Яндекс.Метрика, Top.Mail.Ru и Umami для анализа посещаемости и улучшения сайта. Продолжая пользоваться сайтом, вы соглашаетесь с Политикой обработки персональных данных.