Impeccable의 개요
Impeccable은 코딩 에이전트에게 디자인 어휘와, 프런트엔드 코드에 흔한 "AI slop"을 잡는 검사를 줍니다. 어디에나 쓰인 Inter, 보라색 그라디언트, 카드 안의 카드, 색 배경 위의 회색 글자 같은 것입니다. craft, audit, polish, typeset, layout, live 등 명령 24개를 갖춘 /impeccable 스킬 하나로 설치됩니다.
Anthropic의 frontend-design 스킬에서 출발했습니다. CLI 탐지기와 브라우저 확장이 LLM이나 API 키 없이 결정적 규칙 62개를 실행하고, 에이전트가 UI 파일을 편집할 때마다 훅이 탐지기를 돌립니다. Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot을 포함해 에이전트 17종을 지원합니다.
Impeccable, 쓸 만한 가치가 있습니까?
Impeccable이 제 몫을 하는 이유는 프롬프트에만 기대지 않기 때문입니다. 탐지기는 보라색 그라디언트와 중첩 카드부터 줄 길이, 좁은 여백, 작은 터치 영역, 건너뛴 제목 단계까지 결정적 규칙 62개를 LLM이나 API 키 없이 실행하며, 문제를 찾으면 코드 2로 종료하므로 CI에 바로 넣을 수 있습니다. 저장소의 GitHub 스타는 약 85,200개이고, CLI v4.7.0은 2026년 10월 19일에 나왔으며 Chrome 디버깅 포트를 통해 데스크톱 앱과 webview 앱을 검사하는 기능이 들어갔습니다.
README는 통과가 무엇을 뜻하는지 솔직하게 밝힙니다. 깨끗한 실행 결과는 시각적 품질이나 접근성 품질의 "증거이지 증명이 아니다"라고 합니다. --github 플래그는 결과를 풀 리퀘스트 주석으로 바꾸지만, GitHub는 단계당 유형별로 최대 10개만 보여 줍니다. /impeccable init은 PRODUCT.md를 작성해 이후 명령이 대상 사용자와 제약 조건을 알게 하며, 이 점이 금지 글꼴 목록과 이 도구를 구분합니다.
몇몇 기본값은 주의가 필요합니다. 새 디자인을 시작할 때 스킬은 항상 impeccable.style에 시각적 방향 후보를 요청하고, 거부하지 않으면 어느 안이 선택되었는지도 기록합니다. 다만 프로젝트 이름, 파일, 코드는 기록하지 않습니다. Claude Code에서는 에이전트의 도구 호출을 거부해도 훅이 실행되므로, 엔진 바이너리가 어차피 ~/.impeccable/bin에 내려받아질 수 있습니다. live 모드는 사용자의 권한으로 package.json 스크립트를 실행할 수 있으므로 신뢰할 수 있는 체크아웃에서만 써야 합니다.
SSD Nodes가 지적하듯 다른 anti-slop 스킬과 함께 쓰는 것은 좋지 않습니다. 둘 다 모든 프런트엔드 요청에 서로 충돌하는 규칙으로 발동하기 때문입니다. 출발점인 Anthropic의 frontend-design 스킬과 비교하면, Impeccable은 프롬프트 파일 하나 대신 바이너리, 훅, 네트워크 호출을 씁니다. 가끔 관리자 페이지를 만드는 백엔드 중심 팀에게는 필요 이상의 장치입니다.
제 역할을 하는 곳
에이전트가 만든 페이지가 모두 비슷해 보이는 10인 스타트업의 프런트엔드 리드
에이전트에게 디자인 어휘를 주고 리뷰 전에 뻔한 패턴 잡아내기
npx impeccable install을 실행한 뒤 /impeccable init으로 PRODUCT.md를 작성합니다. 새 화면에는 craft를, 병합 전에는 polish를 씁니다. 무 료이며, 비용은 명령마다 추가로 쓰는 에이전트 턴입니다.
컴포넌트 라이브러리를 관리하는 디자인 시스템 엔지니어
풀 리퀘스트에서 AI slop 패턴 막기
CI에 npx impeccable detect --github src/를 추가합니다. 문제를 찾으면 2로 종료하고 diff에 주석을 답니다. Inter 같은 브랜드 글꼴은 규칙을 끄는 대신 ignores add-value로 예외 처리할 수 있습니다.
잠재 고객에게 리디자인을 제안하는 디자인 에이전시
제안 전에 고객의 운영 중인 사이트 감사하기
npx impeccable detect https://client.example은 로컬 Chrome으로 렌더링된 페이지를 검사해 결과를 나열합니다. 깨끗한 결과는 증거이지 증명이 아니므로, 디자이너가 여러 뷰포트에서 다시 검토합니다.
도입 전 확인할 점
- 설정
- 프로젝트 루트에서 npx impeccable install을 실행하면 설치된 에이전트를 탐지해 스킬과 훅을 씁니다. 그다음 /impeccable init을 실행합니다. Node는 npx에만 필요하고, 엔진 바이너리는 ~/.impeccable/bin에 한 번 내려받아집니다.
- 연동
- Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot, Grok Build를 포함한 에이전트 17종. VS Code Marketplace 확장, 브라우저 확장, CI용 JSON과 GitHub Actions 출력.
- 데이터와 개인정보
- 새 디자인마다 impeccable.style에 시각적 방향을 요청합니다. 거부하지 않으면 어느 안이 선택되었는지 기록하지만, 프로젝트 이름, 파일, 코드는 기록하지 않습니다. npx impeccable telemetry off, DO_NOT_TRACK=1, 또는 프로젝트 수준 설정으로 거부합니다. Apache-2.0이며 공개된 보안 권고는 없습니다.
- 대규모 사용 시 비용
- 유료 등급이 없는 무료 오픈소스입니다. 비용은 추가 디자인 명령에 드는 모델 사용량이며, CI 검사는 API 지출 없이 로컬에서 실행됩니다.
- 제한
- URL 검사는 CORS 없이는 교차 출처 CSS를 읽지 못합니다. live 모드는 로컬 체크아웃에서만 작동하며 package.json 스크립트를 실행합니다. Cursor와 Gemini CLI에서 스킬을 쓰려면 nightly 또는 preview 빌드가 필요합니다.
좋은 점
- CI 종료 코드를 갖춘 62개 규칙 결정적 탐지기
- GitHub Actions 주석과 JSON 출력
- 에이전트 17종 지원
- 잦은 릴리스
아쉬운 점
- 텔레메트리가 기본으로 켜져 있음
- 새 디자인을 시작할 때마다 impeccable.style에 접속
- 명령을 거부해도 훅이 바이너리를 내려받을 수 있음
- 다른 디자인 스킬과 충돌
추천 대상
에이전트가 프런트엔드 UI를 만들고, 그 UI가 덜 뻔해 보이기를 원하는 개발자.
Impeccable 대안
Impeccable: 자주 묻는 질문
- Impeccable, 쓸 만한 가치가 있습니까?
- 실제 탐지기와 공유된 디자인 어휘 덕분에 설치할 가치가 있는 디자인 스킬입니다. 단, 텔레메트리를 끄고 프로젝트의 유일한 디자인 스킬로 두어야 합니다. 평점은 5점 만점에 4.3점입니다.
- Impeccable의 가격은 얼마입니까?
- 무료 오픈소스(Apache-2.0)입니다.
- Impeccable의 단점은 무엇입니까?
- 텔레메트리가 기본으로 켜져 있음; 새 디자인을 시작할 때마다 impeccable.style에 접속; 명령을 거부해도 훅이 바이너리를 내려받을 수 있음; 다른 디자인 스킬과 충돌.
- Impeccable에 적합한 사람은 누구입니까?
- 에이전트가 프런트엔드 UI를 만들고, 그 UI가 덜 뻔해 보이기를 원하는 개발자.
- 팀이나 프로덕션 환경에서 Impeccable의 비용은 얼마입니까?
- 유료 등급이 없는 무료 오픈소스입니다. 비용은 추가 디자인 명령에 드는 모델 사용량이며, CI 검사는 API 지출 없이 로컬에서 실행됩니다.
- Impeccable에 회사 데이터를 맡겨도 안전합니까?
- 새 디자인마다 impeccable.style에 시각적 방향을 요청합니다. 거부하지 않으면 어느 안이 선택되었는지 기록하지만, 프로젝트 이름, 파일, 코드는 기록하지 않습니다. npx impeccable telemetry off, DO_NOT_TRACK=1, 또는 프로젝트 수준 설정으로 거부합니다. Apache-2.0이며 공개된 보안 권고는 없습니다.
- Impeccable의 가장 좋은 대안은 무엇입니까?
- 저희가 리뷰한 것 중 가장 가까운 대안은 Anthropic Skills, Agent Skills (Addy Osmani) 및 OpenDesign입니다.
답변 확인일: 2026년 10월 26일.
Impeccable 개발사입니까? 이 평점을 사이트에 표시하십시오
