AI 코딩 에이전트를 위한 설계 지침. 1 스킬, 24 명령어, 실시간 브라우저 반복, 그리고 AI 생성 프론트엔드 설계를 위한 62개의 결정론적 탐지기 규칙.

퀵 스타트: 프로젝트 루트에서 npx impeccable install를 실행한 후 AI 코딩 도구 안에서 /impeccable init를 실행하세요. 전체 문서: impeccable.style.

왜 흠잡을 데 없지?

Anthropic의 프론트엔드 디자인은 Claude가 처음으로 널리 사용된 디자인 기술이었습니다. Impeccable은 거기서부터 시작되었습니다.

모든 모델이 동일한 SaaS 템플릿으로 학습되었습니다. 가이드를 건너뛰면 모든 프로젝트에서 똑같은 몇 가지 신호가 나옵니다: 모든 항목에 인터, 보라색에서 파란색으로 그라데이션, 카드 안에 중첩된 카드, 색 배경에 회색 텍스트, 모든 제목 위에 둥근 사각형 아이콘 타일.

임페커블은 다음과 같이 덧붙인다:

• 하나의 설정 흐름. /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