impeccableавтор Paul Bakaus

Impeccable Skill.

Навык для Claude Code и Codex для дизайн-ревью: один навык для проектирования, критики, аудита, полировки, анимации и доработки интерфейсов.

Дизайн-ревью и доступность
UI-код

Скачать OpenDesign Инструкция по использованию

pbakaus/impeccable · plugin/skills/impeccable/SKILL.mdSKILL.md

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, … --- ## Setup ## How to design ## Modes ## Commands

Метаданные и заголовки разделов считаны из исходного файла 2026-09-14 · 11 912 символов

01 Что делает

Что делает skill impeccable в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Impeccable трансформирует фронтенд-интерфейсы через дизайн, критику, аудит, полировку, анимацию и доработку. Он охватывает сайты, лендинги, дашборды, продуктовый UI, компоненты, формы, настройки, онбординг и пустые состояния — занимаясь UX-обзором, визуальной иерархией, доступностью, производительностью, адаптивным поведением, темизацией, типографикой, интервалами, layout, цветом, анимацией, микровзаимодействиями и дизайн-системами.

Skill обеспечивает выходящее за рамки шаблонов мастерство за счёт продакшен-качественного кода, максимальной креативности, ясной точки зрения и исключительного мастерства. Работа организована вокруг четырёх режимов — Persuade, Operate, Read, Experience — и более двадцати специализированных команд. Каждая сессия загружает контекст продукта, визуальный мир и брифы поверхностей через скрипт-лаунчер, а затем следует плейбукам, специфичным для команд, и минимальному порогу качества мастерства.

Что он выдаёт

PRODUCT.md, фиксирующий устойчивый контекст продукта через команду init
DESIGN.md, сгенерированный из существующего кода проекта через команду document
Переиспользуемые токены и компоненты, подтягиваемые в дизайн-систему через команду extract
Продакшен-качественный код UI с полными результатами, максимальной креативностью и исключительным мастерством

Смотрите пример запроса ↗

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

01
Загрузить контекст сессии один раз
Запускайте impeccable script с аргументом context один раз за сессию из директории skill.
02
Загрузить Playbook запроса
Для явных или подразумеваемых подкоманд загружайте справочную таблицу Commands; для новых поверхностей или замены визуального мира загружайте new-work.md.
03
Читать craft-floor перед редактированием
После завершения анализа и определения направления читайте craft-floor.md непосредственно перед любым изменением UI, включая небольшие доработки.
04
Выбор режима по типу поверхности
Выбирайте Persuade для лендингов и маркетинговых страниц, где посетители принимают решение и действуют. Выбирайте Operate для UI приложений и дашбордов, где посетители выполняют задачи.
05
Проверяйте ограниченными проходами
Соберите полностью, проверьте один раз пакетным проходом, охватывающим desktop и mobile вместе для web или отгруженные классы устройств для native.

02 Определите своё применение

Когда использовать скилл impeccable

Используйте скилл impeccable в Claude Code или Codex, когда задача — дизайн-ревью такого рода. Область применения и ограничения ниже взяты из файла самого скилла.

Хорошо подходит

Пользователь хочет спроектировать, редизайнить, сформировать, критиковать, аудировать, отполировать, прояснить, упростить, укрепить, оптимизировать, адаптировать, анимировать, раскрасить, извлечь или иным образом улучшить интерфейс frontend
Невыразительные дизайны, которые нужно сделать более смелыми или приятными
Слишком яркие дизайны, которые нужно сделать более сдержанными
Итерация по элементам UI вживую в браузере
Амбициозные визуальные эффекты, которые должны выглядеть технически впечатляюще

Знайте границы

Задачи, касающиеся только backend

Что предоставить

Целевой файл или маршрутПередавайте именованный исходный файл или маршрут с помощью флага --target с аргументом-путём при запуске context script.
PRODUCT.mdПостоянный файл контекста продукта, загружаемый launcher. Если launcher не срабатывает, читайте существующий файл напрямую, не изобретая недостающий контекст.
Эталоны визуальной регрессии или фикстуры скриншотовЕсли приложение не может запуститься, начинайте с зафиксированных эталонов визуальной регрессии или фикстур скриншотов.

03 Внутри скилла

Правила, которые impeccable Skill даёт Claude Code и Codex

6 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт агенту, — та часть файла, которая меняет результат.

Бриф побеждает
Уважайте закреплённую эстетику, эпохи, материалы, шрифты и палитры, даже если они противоречат предупреждению о насыщенных паттернах. Направлять чёткий бриф в сторону собственного вкуса — это провал.
Доработка сохраняет; редизайн заменяет
Доработка сохраняет действующую идентичность, поведение, тексты и всё, что вне рамок задачи.
Визуальный авторитет — это доказательство, а не имя файла
Отсутствие DESIGN.md само по себе не делает проект greenfield. Плейбук для новой работы определяет, сохранять, расширять или заменять существующий мир на основе визуальных свидетельств.
Проверяйте за ограниченное число проходов, а не в цикле
Потолок покрывает весь цикл: скриншоты, сканирование дефектов, микроправки и пересборки.
Никогда не устраняйте дрейф как побочный эффект
Директива CONTEXT_STALE сообщается, но не выполняется автоматически, если пользователь не попросил об этом явно. Единственное исключение — находки с пометкой auto, которые всё равно выполняются при следующей записи в этот файл.
Сбой запуска не блокирует работу
При отказе или сбое скрипта отправьте отдельное сообщение, затем прочитайте существующие PRODUCT.md и DESIGN.md напрямую, не придумывая недостающий контекст.

04 Применение

Установить impeccable в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавьте impeccable в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

Общая форма CLI skills для plugin/skills/impeccable/SKILL.md; репозиторий может документировать собственный путь.

Дайте скиллу первую задачу по проверке дизайна

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt

Audit [src/components/SettingsPanel.tsx] for accessibility and responsive behavior, then polish the form layout and typeset the section headings to improve visual hierarchy. The panel should feel confident but scannable for users managing account preferences.

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

Подтвердите не более чем ещё одним раундом, затем прекратите доводку
Выполняйте сканирование дефектов как часть ограниченного цикла проверки
Проверяйте цель и актуальность относительно текущих токенов, CSS, компонентов или ассетов
Сравнивайте снимки тем и вариантов при работе с системами тем

В OpenDesign impeccable встроен: Plugins → Skills, выберите его в верхней панели.

Скачать OpenDesign Читать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author: Paul Bakaus
Repository: github.com/pbakaus/impeccable Ветка main
Файл skill: plugin/skills/impeccable/SKILL.md Контрольная сумма содержимого зафиксирована при верификации; коммит cb56ed6
License: Apache-2.0 Из LICENSE; в SKILL.md указано «Apache 2.0».
Звёзды репозитория: 67 876 Снимок GitHub сделан 14.09.2026 для всего репозитория pbakaus/impeccable. Не является оценкой или счётчиком использования для impeccable.
Проверено OpenDesign: 2026-09-14 Исходный файл, путь, текст лицензии и количество звёзд проверены. Включён в основной OpenDesign (проверено 2026-08-28); запись живого запуска на этой странице отсутствует.

Внутри SKILL.md

НастройкаЗапускайте контекстный скрипт один раз за сессию, загружайте плейбук, изучайте craft floor перед редактированием
Как проектироватьБриф побеждает, доработка сохраняет идентичность, а редизайн заменяет её, визуальный авторитет определяется свидетельствами, а не именем файла
РежимыPersuade для landing-страниц, Operate для дашбордов, Read для документации, Experience для портфолио
КомандыБолее двадцати команд, организованных в категории Build, Evaluate, Refine, Enhance, Fix и Iterate, с файлами-справочниками

Собственное описание skill

«Используйте, когда пользователь хочет спроектировать, переработать, сформировать, оценить, проверить, отполировать, уточнить, дистиллировать, укрепить, оптимизировать, адаптировать, анимировать, раскрасить, извлечь или иным образом улучшить интерфейс фронтенда. Охватывает веб-сайты, лендинги, панели управления, интерфейсы продуктов, оболочки приложений, компоненты, формы, настройки, онбординг и пустые состояния. Работает с UX-ревью, визуальной иерархией, информационной архитектурой, когнитивной нагрузкой, доступностью, производительностью, адаптивным поведением, темизацией, антипаттернами, типографикой, шрифтами, отступами, раскладкой, выравниванием, цветом, движением, микровзаимодействиями, UX-текстами, состояниями ошибок, граничными случаями, интернационализацией и повторно используемыми дизайн-системами или токенами. Также используйте для невыразительных дизайнов, которым нужно стать смелее или приятнее, громких дизайнов, которые должны стать тише, итерации интерфейса в браузере в реальном времени или амбициозных визуальных эффектов, которые должны выглядеть технически выдающимися. Не для задач бэкенда или задач без интерфейса.»

Описание из front-matter в SKILL.md. Полный файл содержит около 11 912 символов. Читайте полный файл на GitHub.

06 Перед установкой

Вопросы о skill impeccable

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Какую команду использовать для моего запроса?

Если аргумент не задан, прочитайте routing.md и покажите его контекстно-зависимое меню; никогда не запускайте команду автоматически. Для явных или ясно подразумеваемых запросов загрузите справочную таблицу Commands.

По вопросам о workflow или выборе команды читайте раздел Workflow questions в routing.md. В остальных случаях воспринимайте запрос как обычную дизайн-работу.

Impeccable

Запустите impeccable на реальной задаче дизайн-ревью.

Навык impeccable поставляется внутри OpenDesign. Скачайте приложение, выберите навык в Plugins → Skills, вставьте промпт выше и прочитайте план перед результатом.

Загрузить OpenDesign Все навыки

Терминал

npx skills add https://github.com/pbakaus/impeccable --skill impeccable