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

Context

Claude Code, Codex 등의 AI 하네스가 생성하는 프론트엔드 코드의 디자인 품질이 일관되지 않으며, LLM이 Inter 폰트, 카드 중첩, 회색 텍스트 등 흔한 디자인 오류를 반복 생성하는 문제가 있었다.

Technical Solution

• 타이포그래피, 색상, 레이아웃, 모션, 인터랙션, 반응형, UX라이팅 7개 도메인에 대한 디자인 어휘와 패턴 정의
• /audit, /normalize, /polish, /typeset 등 20개 디자인 명령어로 검사→정렬→정제 워크플로우 구성
• /critique, /distill, /animate 등의 명령으로 UX 리뷰, 단순화, 모션 추가 기능 제공
• 안티패턴 세트를 통해 LLM의 흔한 디자인 오류(Inter 폰트, 카드 중첩, 회색 텍스트) 차단
• 각 명령에 영역 지정 기능 지원 (/audit checkout, /polish header)
• Cursor, Claude Code, Codex CLI 등 주요 AI 하네스와 호환되며 npx skills add pbakaus/impeccable으로 설치 가능

Key Takeaway

AI 코드 생성 도구의 출력 품질을 높이려면 구체적인 디자인 명령어 세트와 안티패턴 정의를 통해 LLM의 추론 공간을 제한하는 프롬프트 엔지니어링 접근이 효과적이다.