Скиллы для AI-агентовДизайн

Impeccable: общий язык дизайна для вас и ИИ-агента

Модели учились на одних и тех же шаблонах SaaS, поэтому раз за разом выдают Inter, фиолетово-синие градиенты и карточки внутри карточек. Impeccable вырос из скилла frontend-design от Anthropic: он сначала записывает правду о продукте в PRODUCT.md, а потом даёт агенту 24 команды и детектор, который находит типичные огрехи без участия модели.

85 825звёзд на GitHub · #18

Открыть на GitHub

Установка

  • skills CLI
    npx skills add pbakaus/impeccable@impeccable
  • npm
    npx impeccable install
  • Claude Code plugin
    /plugin marketplace add pbakaus/impeccable

Скачать ZIP

Автор
pbakaus
Лицензия
Apache-2.0
Пакет
Один скилл
Обновлён
24 октября 2026 г.
Агенты
Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, OpenCode, Grok Build, Trae, Google Antigravity

Что умеет

  • Одна точка входа /impeccable и 24 команды: craft, shape, critique, audit, polish, bolder, quieter, distill, harden, animate, typeset и другие
  • /impeccable init изучает проект, задаёт вопросы только о пробелах и пишет PRODUCT.md с аудиторией, задачами, ограничениями и тоном
  • 62 детерминированных правила ловят шаблонный дизайн; CLI и расширение для браузера проверяют их без LLM и без API-ключа
  • Режим live перебирает варианты элемента прямо в браузере, а /impeccable document собирает DESIGN.md из существующего кода
  • Частую команду можно закрепить: /impeccable pin audit создаёт отдельную команду /audit

Когда пригодится

  • Интерфейс работает, но выглядит пресно, и нужно понять, что именно поменять в типографике, цвете и сетке
  • Перед релизом нужна проверка доступности, производительности и адаптива одной командой
  • Форма или оформление заказа ломаются на длинных текстах, ошибках и переводах — тут поможет harden

Попросите агента

  • /impeccable critique landing — разбери иерархию и понятность главной страницы
  • /impeccable harden checkout: добавь обработку ошибок и длинных строк в форме оплаты
  • /impeccable quieter — сделай этот слишком яркий дашборд спокойнее

Вопросы

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

Из корня проекта запустите npx impeccable install: установщик найдёт папки агентов и спросит, ставить глобально или в проект. Затем выполните /impeccable init в своём инструменте.

Работает ли Impeccable в Cursor и Codex?

Да. В README названы Cursor, Claude Code, Gemini CLI, Codex CLI, GitHub Copilot, OpenCode, Trae, Grok Build и другие; для Codex и Cursor есть свои способы установки.

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

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

ДизайнВсе скиллы

Текст написан по README и SKILL.md репозитория pbakaus/impeccable. Звёзды на 24 октября 2026 г..