Наряду с Plannotator, о котором я недавно писал, Impeccable — один из моих любимых скиллов. Пользуюсь им ежедневно.

AI-агент может за вечер собрать лендинг или дашборд. Потом смотришь на результат: одинаковые карточки, градиентный заголовок, glass-эффекты и случайный моноширинный шрифт. Технически всё работает, но интерфейс выглядит как очередной AI-slop. Более того, за ним нет полноценной дизайн-системы, на которой можно построить веб-приложение.

Impeccable пытается решить эту проблему. Это скилл для проектирования, критики и доводки интерфейсов: от лендингов и дашбордов до форм, онбординга и настроек.

Сначала задача, потом дизайн⌗

Перед работой агент определяет назначение экрана:

• Persuade — убедить и привести к действию; • Operate — помочь выполнить задачу; • Read — помочь разобраться в информации; • Experience — создать погружение.

Для дашборда важны знакомые паттерны и консистентность. Лендингу нужен внятный тезис и демонстрация продукта в работе. Поэтому одинаково «украшать» оба экрана бессмысленно.

Не одна команда «сделай красиво»⌗

У Impeccable разные команды под разные этапы:

• shape и init задают основу; • critique разбирает UX; • audit проверяет доступность, производительность и адаптивность; • polish, distill и harden доводят результат; • animate, typeset, layout и colorize работают с отдельными слоями дизайна.

polish сохраняет визуальный стиль продукта. Полный редизайн может заменить его целиком, но не должен ломать функции и продуктовую логику.

Контекст хранится в PRODUCT.md, DESIGN.md и брифе страницы. Требования пользователя приоритетнее вкусов агента.

Что попадает в проверку⌗

Скилл смотрит на детали, которые AI часто пропускает:

• контраст, длину строки и интервалы; • desktop и mobile; • keyboard focus; • loading, empty и error states; • selection, caret, scrollbar и focus rings; • поведение интерфейса при локализации.

Отдельное правило запрещает выдумывать цены, клиентов, бенчмарки и возможности продукта. Синтетические данные нужно явно помечать.

Есть и live-режим. Выбираешь элемент в браузере, агент создаёт три HTML/CSS-варианта и примеряет их через HMR. Потом оставляешь подходящий. Для работы нужен запущенный dev server или статический HTML.

Ревью ограничено: проверка desktop и mobile, один пакет исправлений и максимум один повторный раунд. После этого результат оценивает свежий reviewer, а принятые решения попадают в DESIGN.md.

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

Запусти в терминале:

npx impeccable install

После установки инициализируй скилл в проекте командой /impeccable init. Установщик поддерживает Claude Code, OpenCode, Codex CLI, Cursor, Gemini CLI и другие coding agents.

Итог⌗

  1. Impeccable добавляет AI-агенту дизайн-процесс.
  2. Скилл подходит как для новых интерфейсов, так и для редизайна, UX-критики и аудита доступности готовых проектов.
  3. Особенно полезен перед релизом, когда фронтенд уже работает, но ему не хватает цельности и внимания к деталям.

Impeccable полезен там, где рабочий интерфейс нужно превратить в цельный продукт без потери функций и продуктовой логики.