Impeccable은 Claude Code, Codex, Cursor, GitHub Copilot 같은 코딩 에이전트에 24개의 디자인 명령어, 저장된 프로젝트 컨텍스트, 흔한 AI 생성 UI 패턴을 찾는 규칙 기반 탐지기를 더해 주는 무료 오픈소스 디자인 스킬입니다.
이 도구를 사용해 보셨나요? 평점을 남겨 주세요
Impeccable은 AI 코딩 에이전트를 위한 오픈소스 디자인 스킬입니다. Claude Code, Codex, Cursor, GitHub Copilot 같은 코딩 도구에 설치되어 에이전트에게 디자인 가이드, 이름 붙은 디자인 명령어 어휘, AI 생성 프런트엔드가 반복하기 쉬운 인터페이스 패턴을 찾는 자동 검사기를 제공합니다.
Impeccable 디자인 스킬은 에이전트가 처음부터 인터페이스를 만들고, 기존 것을 개선하며, 기존 디자인 시스템에 충실하도록 디자인 전문성을 주는 도구로 소개됩니다. 저장소는 이 패키지를 스킬 1개, 명령어 24개, 브라우저 실시간 반복, AI 생성 프런트엔드 디자인용 결정론적 감지 규칙 61개로 요약합니다.
웹사이트는 Paul Bakaus를 제작자로 밝히며, 새로 설치하면 Renaissance Geek, Inc.가 서명한 엔진을 내려받습니다. 이 회사는 Impeccable Chrome 확장 프로그램 개발사로도 올라 있습니다. 프로젝트 README에 따르면 Anthropic의 frontend-design은 Claude용으로 처음 널리 쓰인 디자인 스킬이었고, Impeccable은 이를 출발점으로 삼았습니다.
'Impeccable'은 관련 없는 기업들도 쓰는 일반 단어이기도 하며, 이 페이지는 pbakaus/impeccable 저장소에서 배포되는 디자인 스킬을 다룹니다.
2026년 10월 5일 수집 기록에서 이 저장소는 Apache-2.0 라이선스로 스타 76.3k개를 보였습니다. 같은 날 확장 프로그램 스토어 페이지에는 사용자 60,000명이 표시되었습니다.
모든 작업은 메인 스킬 /impeccable 하나로 실행되며, 뒤에 명령어나 일상 언어 요청을 붙입니다. audit, polish, critique 등 다른 명령어는 따로 설치할 필요 없습니다.
명령어 레퍼런스는 명령어를 만들기(2), 평가(2), 다듬기(8), 단순화(3), 강화(4), 시스템(5)의 여섯 그룹으로 나눕니다.
자주 쓰는 명령어는 /impeccable pin critique처럼 바로가기로 고정할 수 있으며, 바로가기는 요청을 메인 스킬로 전달하므로 그 개선 사항이 그대로 적용됩니다.
Impeccable은 사용자와 그 목표를 한 번 묻고, 이 컨텍스트를 PRODUCT.md에 저장해 이후 디자인 작업 전에 읽습니다. document 명령어는 인터페이스를 읽어 색상, 타이포그래피, 컴포넌트 규칙을 DESIGN.md에 기록하므로, 다음 페이지나 에이전트가 같은 결정을 따를 수 있습니다. Impeccable을 업데이트하면 자체 설치 파일은 교체되지만 프로젝트의 PRODUCT.md와 DESIGN.md는 그대로 남습니다.
AI 슬롭 탐지기는 언어 모델 없이 작동하는 부분입니다. 카탈로그에는 감지 규칙 61개와 디자인 리뷰용으로 남겨 둔 패턴 6개가 있습니다. 검사는 낮은 대비, 넘치는 텍스트, 흔한 AI 디자인 패턴, 문서화된 디자인 시스템에서 벗어난 부분 같은 문제를 찾습니다.
디자인 훅은 에이전트가 UI 파일을 작업하는 동안 탐지기를 실행하므로, 변경이 아직 컨텍스트에 있을 때 발견 사항이 전달됩니다. Claude Code와 Codex는 편집마다 집중 피드백을 받고, 에이전트가 턴을 마칠 때 더 넓은 검사도 받습니다. GitHub Copilot은 지원되는 편집 후 전체 탐지기를 실행하며, Cursor에서는 발견 사항 하나가 제안된 쓰기를 에이전트가 수정할 때까지 막을 수 있습니다.
베타로 표시된 라이브 모드에서는 실행 중인 페이지 일부를 골라 그 자리에서 세 가지 변형안을 비교하거나, '방향 조정' 기능으로 페이지 전체를 이끌 수 있습니다. 수락한 버전은 소스 코드의 일부가 됩니다. 요소와 방향을 이미 말할 수 있다면 generate 명령어가 채팅에서 비슷한 비교를 시작합니다(예: generate 가격 카드의 대담한 변형안 3개).
새 작업에서 Impeccable은 저마다 고유한 시각 규칙이 있는, 사람이 검토한 디자인 방향을 참고해 제품에서 가져온 아이디어와 견주어 판단합니다. 이미지 생성이 있으면 목업부터 만드는 방식(comp-led)으로 작업할 수 있고, 없으면 코드에서 바로 만드는 방식(code-led)을 쓰는데, 이쪽은 대체로 더 일관돼 보이지만 보통 덜 과감합니다.
시작하려면 코딩 도구, 프로젝트 폴더, Node.js 22.18 이상이 필요하며, 빈 프로젝트나 갓 스캐폴딩한 앱도 괜찮습니다.
설치 프로그램으로 설정한 환경은 npx impeccable update로 업데이트하며, npx impeccable check는 새 버전이 있는지 확인합니다. 마켓플레이스 설치는 코딩 도구의 플러그인 관리자로 업데이트합니다. 팀은 대신 기록된 버전 하나를 Git 서브모듈로 두고 각자의 코딩 도구에 연결할 수도 있습니다.
다음 두 경우에는 덜 적합합니다.
지원되는 코딩 도구에는 Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode, Pi 등이 있습니다.
| 경로 | 작동 방식 |
|---|---|
| Impeccable 설치 프로그램 | npx impeccable install이 도구에 맞는 빌드 선택. Node.js 22.18 이상 필요 |
| Claude Code 플러그인 | /plugin marketplace add pbakaus/impeccable 실행 후 /plugin 목록에서 Impeccable 설치 |
| skills.sh | npx skills add pbakaus/impeccable로 공용 빌드 설치 |
| GitHub Copilot 앱 | 기본 내장. 설정 → 실험적 기능에서 활성화 |
| ZIP 다운로드 | 숨김 폴더를 포함한 내용을 프로젝트 루트에 복사 |
Claude Code 디자인 스킬로서 Impeccable은 설치 프로그램에서 스킬 파일 이상을 받습니다. Claude Code, Cursor, Codex, GitHub Copilot, Grok Build에서는 설치 프로그램이 현재 프로젝트에 해당 플랫폼 고유의 훅 매니페스트도 추가합니다.
라이브 모드는 실행 중인 개발 서버의 웹 페이지나 로컬 정적 HTML에서 작동하며, 지원 프레임워크에는 Vite 기반 앱, Next.js, SvelteKit, Astro, Nuxt가 포함됩니다. 코딩 도구 밖에서는 Chrome 확장 프로그램이 DevTools에 Impeccable 패널을 추가해, 직접 골라 검사하는 페이지의 디자인 문제를 보여줍니다.
Impeccable의 공개 스킬, 명령어, CLI, 감지 엔진은 무료이며 Apache 2.0 라이선스의 오픈소스이고, 실제 비용은 주변 도구에서 발생합니다.
개인정보 처리방침에는 Impeccable Pro 대기자 명단도 설명되어 있으며, Pro가 준비되면 알리기 위해 가입 이메일을 저장합니다. 확인한 페이지에는 Pro 기능이나 가격이 게시되지 않았습니다.
프런트엔드 디자인 스킬을 다룬 독립 비교 글에서는 다른 에이전트 스킬 두 개가 Impeccable과 함께 등장합니다.
| 선택지 | 제공하는 것 | 라이선스 |
|---|---|---|
| Anthropic의 frontend-design | 미적 방향, 타이포그래피, 템플릿 같은 기본값 피하기에 관한 가이드를 담은 스킬 하나 | LICENSE.txt에 있는 약관 |
| taste-skill | 레이아웃, 타이포그래피, 모션, 간격을 위한 이식 가능한 스킬과 참고 보드용 이미지 생성 스킬 | MIT |
| Impeccable | 명령어 어휘, 프로젝트 컨텍스트 파일, 감지 규칙, 훅, 라이브 모드를 갖춘 스킬 하나 | Apache 2.0 |
Anthropic의 frontend-design은 Impeccable이 출발점으로 삼은 프런트엔드 디자인 스킬로, 새 UI를 만들거나 기존 UI를 재구성할 때 개성 있고 의도적인 시각 디자인을 위한 가이드라고 스스로 소개합니다. Impeccable README는 자신이 더한 부분을 단일 설정 흐름, 명령어 24개, 그리고 CLI와 브라우저 확장 프로그램이 LLM이나 API 키 없이 실행하는 결정론적 감지 규칙 61개로 설명합니다.
taste-skill은 MIT 라이선스의 이식 가능한 에이전트 스킬 모음으로, 틀에 박힌 듯한 UI보다 나은 레이아웃, 타이포그래피, 모션, 간격을 목표로 하며, 저장소에는 웹, 모바일, 브랜드 키트 참고 보드용 이미지 생성 스킬도 있습니다.
네. 공개 스킬, 명령어, CLI, 감지 엔진은 Apache 2.0 라이선스로 무료입니다. 코딩 도구, 모델 제공업체, 이미지 생성에서 발생하는 사용 요금은 해당 제공업체가 별도로 청구합니다.
아니요. 탐지기와 디자인 훅은 AI 모델이나 API 키 없이 코드로 실행됩니다. 에이전트의 디자인 작업만 그 모델을 사용합니다.
원하는 요소와 방향을 말할 수 있으면 generate를, 브라우저 세션 중에 요소를 직접 고르고 주석을 달거나 페이지 전체를 이끌고 싶으면 라이브 모드를 쓰세요.
일부만 가능합니다. 탐지기, 훅, 라이브 모드는 웹 인터페이스를 대상으로 하므로, 문서는 네이티브 리뷰에 audit 명령어를 권장합니다.
