AIコーディングエージェントの設計ガイダンス。1スキル、24コマンド、ライブブラウザの反復、62の決定論的検出ルール(AI生成フロントエンド設計)。

クイックスタート: プロジェクトのルートからnpx impeccable installを実行し、AIコーディングツール内で/impeccable initを実行します。完全なドキュメント:impeccable.style。

なぜ完璧なのか?

Anthropicのフロントエンドデザインは、Claudeにとって初めて広く使われたデザインスキルでした。そこからImpeccableが始まりました。

すべてのモデルは同じSaaSテンプレートで訓練されています。ガイダンスを飛ばすと、どのプロジェクトでも同じ特徴が出てきます:すべてにインター、紫から青へのグラデーション、カードに入れ子状のカード、色付き背景にグレーの文字、見出しの上の丸み角のアイコンタイル。

インピカブルは次のように付け加えます:

• 1つのセットアップフロー。 /impeccable initはPRODUCT.mdに耐久性のある製品の真実を記録し、後のコマンドが対象者、目的、運用文脈、制約、音声、証拠を表面的な視覚的指示と混同することなく把握できるようにします。
• 24コマンド。 AIと共有するデザイン語彙: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