Руководство по проектированию агентов кодирования на основе ИИ. 1 навык, 24 команды, итерация браузера в реальном времени и 62 детерминированных правила детектора для дизайна фронтенда, генерируемого ИИ.

Быстрый старт: От корня проекта запустите npx impeccable install, затем /impeccable init внутри вашего AI-инструмента для программирования. Полная документация: impeccable.style.

Почему безупречно?

Дизайн фронтенда Anthropic стал первым широко используемым дизайнерским мастерством для Claude. С этого начался Impeccable.

Каждая модель обучена на одних и тех же SaaS-шаблонах. Пропустите инструкции — и вы получите одинаковые указания в каждом проекте: Inter для всего, градиенты от фиолетового к синему, карты, вложенные в карты, серый текст на цветном фоне, иконка с округлым квадратом над каждым заголовком.

Impeccable добавляет:

• Один поток установки. /impeccable init фиксирует прочную истинность продукта в PRODUCT.md, поэтому более поздние команды знают аудиторию, цель, рабочий контекст, ограничения, голос и доказательства, не путав эти факты с поверхностным визуальным направлением.
• 24 команды. Общий словарь дизайна с вашим ИИ: polish, audit, critique, distill, [animate, bolder, quieter и другие.

Impeccable

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, and catch AI slop before it ships.

From your project root:

npx impeccable install

Reload your coding tool, then run /impeccable init in your agent ($impeccable init on Codex).

Works with Claude Code, Cursor, Codex CLI, GitHub Copilot, Devin, Replit Agent, Gemini CLI, Grok Build, OpenCode, Google Antigravity, Kiro, Trae, Rovo Dev, Qoder, Mistral Vibe, Pi, Hermes Agent, DeepSeek Harness, and Veto. Full docs live at impeccable.style/docs.

Same model (Fable 5.1), same brief: a fourteen-room family guesthouse on the Ligurian coast. Without Impeccable, it builds the tasteful default: cream page, thin serif, italic accent, pill buttons. With it, the page is built around one picture: the house at night, seen from the water.

For a full project, see the Neo Mirai case study: a conference site taken from mockup to shipped page.

Why

Inter for everything. Purple-to-blue gradients. Cards nested in cards, gray text on colored backgrounds, a rounded-square icon tile above every heading. Ask an agent for a page with no other guidance and these show up again and again, across models and projects.

• Words for what you want. “Make it pop” leaves your agent to guess. /impeccable bolder the pricing cards loads a playbook written for that one move and points it at one target.
• A reviewer. critique scores the design against usability heuristics and ranks what to fix first. audit checks accessibility, performance, theming, and responsive behavior, with findings ranked P0 (blocking) to P3 (polish).
• A slop detector. 62 deterministic rules flag the tells above, plus quality problems like cramped padding and skipped headings. No LLM, no API key.

Impeccable is strongest on interfaces that already exist: point it at a page or a component and iterate. It builds new pages too; see Build something new for how to get the most out of that harder mode. To start, pick one component:

/impeccable critique the pricing cards

How it works