Impeccable - AI 하네스가 더 디자인 잘하게 만들기

Context

Claude Code, Codex 등의 AI 코드 생성 도구들이 프론트엔드 결과물을 생성할 때 일관된 디자인 가이드 없이 타이포그래피, 색상, 레이아웃 등에서 품질 편차가 발생하고 있다. LLM 모델들이 Inter 폰트, 과도한 카드 중첩, 저대비 회색 텍스트 같은 흔한 디자인 오류를 반복해서 생성하는 문제가 있다.

Technical Solution

• 디자인 어휘 및 명령어 체계 도입: /audit, /normalize, /polish, /typeset 등 20개 디자인 명령어로 점검→정렬→정제 워크플로우 구성
• 7개 도메인별 패턴 라이브러리 제공: 타이포그래피, 컬러, 공간, 모션, 인터랙션, 반응형, UX라이팅에 걸친 레퍼런스 및 베스트 프랙티스 포함
• 안티패턴 블로킹 세트 구현: Inter 폰트, 중첩된 카드, 저대비 회색 텍스트 등 LLM이 생성하기 쉬운 디자인 오류 자동 차단
• 세분화된 영역 지정 기능: /audit checkout, /polish header 같이 특정 UI 영역만 대상으로 명령 실행 가능
• 주요 AI 하네스 호환성: Cursor, Claude Code, Codex CLI 등과 호환되며 npx skills add pbakaus/impeccable 한 줄 설치로 통합 가능

Key Takeaway

AI 코드 생성 도구의 프론트엔드 품질은 모델의 능력만이 아니라 구체적인 디자인 명령어 체계와 패턴 라이브러리로 제어할 수 있으며, 오픈소스 스킬 패키지 형태의 구조화된 가이드는 AI 하네스 생태계에서 재사용 가능한 품질 표준화 방식이다.