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

Claude Code, Codex 등의 frontend 품질 향상을 위한 디자인 어휘와 명령어 체계.

개요

• Anthropic의 frontend-design 스킬 기반 확장판
• 타이포그래피/색상/레이아웃/모션에 대한 큐레이션된 패턴 & 안티패턴
• 7개 도메인 레퍼런스 포함

7개 도메인

1. 타이포그래피 (Typography)
2. 컬러 (Color)
3. 공간 (Spacing)
4. 모션 (Motion)
5. 인터랙션 (Interaction)
6. 반응형 (Responsive)
7. UX 라이팅 (UX Writing)

주요 명령어

워크플로우: 점검 → 정렬 → 정제

명령어	기능
/audit	디자인 점검
/normalize	정렬
/polish	정제
/typeset	타이포그래피 조정

UX & 모션

명령어	기능
/critique	UX 리뷰
/distill	단순화
/animate	모션 추가

안티패턴 차단

흔한 LLM 디자인 오류 자동 차단:

• Inter 폰트 남용
• 카드 중첩 과다
• 회색 텍스트 남용
• 기타 AI Slop 디자인

사용법

npx skills add pbakaus/impeccable

특정 영역 지정 가능:

/audit checkout
/polish header

지원 플랫폼

• Claude Code
• Codex CLI
• Cursor
• 기타 주요 AI 하네스

라이선스

Apache 2.0

데모

https://impeccable.style/

---

Related

• GitHub: https://github.com/pbakaus/impeccable
• Demo: https://impeccable.style/
• gstack — 엔지니어링 팀 스킬셋