Impeccable — дизайн-скилл с командами polish, audit и critique

pbakaus/impeccable· Проверено 13.11.2026· 109,3 тыс.на GitHub

Словарь дизайн-команд для агента: 24 команды вроде polish, bolder, critique и audit плюс детектор из 62 правил, который ловит приметы ИИ-вёрстки. Сильнее всего на готовых интерфейсах.

Как выглядит результат

До: сайт гостевого дома по тому же брифу без скилла источник

После: тот же сайт со скиллом Impeccable, вилла над морем ночью на весь экран источник

Снимки и анимации из репозитория и с сайта автора скилла.

Наш тест: один бриф без скилла и со скиллом

Мы дали модели Claude Sonnet 5.5 один бриф — лендинг кофейни «Зерно» — без скилла и с SKILL.md Impeccable в системном промпте, 13.11.2026. Все пять вариантов теста и его условия — на странице скиллов для дизайна.

**Со скиллом Impeccable** открыть страницу целиком

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

Личные скиллы лежат в ~/.claude/skills/, проектные — в .claude/skills/ репозитория. Проверка: команда /skills в сессии, вызов по имени — /impeccable.

# плагином, внутри Claude Code
/plugin marketplace add pbakaus/impeccable
/plugin install impeccable@impeccable

# или вручную
git clone --depth 1 https://github.com/pbakaus/impeccable.git /tmp/impeccable
mkdir -p ~/.claude/skills/impeccable
cp -r /tmp/impeccable/.claude/skills/impeccable/. ~/.claude/skills/impeccable/

Общая папка ~/.agents/skills/ (в проекте — .agents/skills/) читают Codex, Cursor, VS Code Copilot, Gemini CLI, Antigravity, OpenCode, Kilo Code, Goose, Qwen Code.

git clone --depth 1 https://github.com/pbakaus/impeccable.git /tmp/impeccable
mkdir -p ~/.agents/skills/impeccable
cp -r /tmp/impeccable/.claude/skills/impeccable/. ~/.agents/skills/impeccable/

Установщик скиллов от Vercel, нужен Node.js 22.20 или новее. Без -g скилл ставится в текущий проект; флаг -a выбирает агента.

npx skills add pbakaus/impeccable --skill impeccable -a claude-code

# для всех проектов
npx skills add pbakaus/impeccable --skill impeccable -g

Свои скиллы загружают на любом тарифе, от Free до Enterprise; нужно включённое выполнение кода.

Скачайте папку скилла с GitHub и упакуйте её в ZIP.
claude.ai → Customize → Skills → + → Create skill → Upload a skill
Загрузите ZIP и включите скилл переключателем.

Gemini CLI ставит скиллы из git-репозитория и хранит их в ~/.gemini/skills/.

gemini skills install https://github.com/pbakaus/impeccable.git --consent

# проверка
gemini skills list

Что умеет

Разобрать дизайн по эвристикам юзабилити с оценкой и порядком правок (critique)

Проверить доступность, скорость, темы и адаптив с находками от P0 до P3 (audit)

Сделать блок смелее, спокойнее или проще командами bolder, quieter и distill

Довести интерфейс перед релизом: ошибки, i18n, переполнение, тексты (polish, harden, clarify)

Записать контекст продукта в PRODUCT.md и визуальную систему в DESIGN.md

Перебирать варианты элемента прямо в браузере в режиме live

Команда /impeccable init один раз на проект пишет PRODUCT.md, остальные команды читают его; document фиксирует текущий стиль в DESIGN.md.

SKILL.md отправляет запрос в справочник reference/ нужной команды; перед любой правкой интерфейса агент читает craft-floor.md с запретами.

Скрипт scripts/impeccable запускает готовый бинарный движок: он лежит рядом или скачивается при первом запуске в ~/.impeccable/bin/.

Установщик npx impeccable install ставит хук: после правки UI-файла детектор проверяет его и возвращает находки агенту.

Что нужноNode.js — только для npx impeccable install; Chrome или Edge — для проверки детектором по URL

АгентыАвтор называет 19 агентов, среди них Claude Code, Cursor, Codex CLI, GitHub Copilot, Gemini CLI, OpenCode, Kiro и Hermes Agent; в Codex команды вызывают через $impeccable.

Что попросить агента

/impeccable critique <компонент или страница>Агент оценит дизайн по эвристикам и расставит правки по важности

/impeccable audit <страница>Агент проверит доступность, скорость, темы и адаптив и выдаст находки от P0 до P3

/impeccable bolder <блок цен>Агент загрузит сценарий этого приёма и усилит только указанный блок

/impeccable redo this hero sectionАгент возьмёт контекст из PRODUCT.md и DESIGN.md и переделает первый экран, сохранив тексты и функции

Ограничения

Детектор, режим live и хук работают только с вебом (HTML и CSS); для iOS и Android команды опираются на HIG и Material 3.

Хуки Claude Code срабатывают даже при отказе модели в командах, и первая правка может скачать движок. Проверьте хуки перед запуском без присмотра.

При старте нового дизайна скилл запрашивает направления с impeccable.style; анонимную телеметрию выключает npx impeccable telemetry off или DO_NOT_TRACK=1.

Лицензия Apache 2.0.

Описание из SKILL.md

Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components, native iOS/Android screens, or a design system (DESIGN.md).

Частые вопросы

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

Из корня проекта выполните npx impeccable install, перезапустите Claude Code и вызовите /impeccable init. Плагином: /plugin marketplace add pbakaus/impeccable и установка Impeccable в /plugin.

Как вызвать Impeccable в Codex?

Через $impeccable или меню /skills. Хук в Codex нужно один раз одобрить в /hooks.

Чем Impeccable отличается от frontend-design?

Impeccable вырос из frontend-design Anthropic и добавил 24 команды, детектор из 62 правил, файлы PRODUCT.md и DESIGN.md и проверку в браузере.

Нужен ли ключ API для детектора?

Нет. 62 правила работают без LLM и ключей. В CI запускают npx impeccable detect src/ или указывают адрес dev-сервера.

Что отправляется на сервер?

При старте нового дизайна скилл забирает набор визуальных направлений с impeccable.style. Название проекта, файлы, код и PRODUCT.md не отправляются.

На чём Impeccable работает сильнее?

На готовых интерфейсах: укажите страницу или компонент и итерируйте. Узкая цель вроде одной секции даёт более точный результат, чем вся страница сразу.