Impeccable
AI 하네스가 더 디자인 잘하게 만들기
About
- Claude Code, Codex 등의 프론트엔드 품질 향상을 위해 디자인 어휘와 명령어 체계를 제공하는 오픈소스 스킬 패키지
- Anthropic의 frontend-design 스킬에 기반한 확장판으로 타이포그래피/색상/레이아웃/모션 등에 걸친 큐레이션된 패턴과 안티패턴을 추가
- 7개 도메인에 대한 레퍼런스 포함: 타이포·컬러·공간·모션·인터랙션·반응형·UX라이팅
- /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 한 줄로 설치 가능
- Apache 2.0 라이선스
- 데모 보기 - Impeccable : Design fluency for AI harnesses
What's Included
The Skill: impeccable
A comprehensive design skill with 7 domain-specific references (view skill):
| Reference | Covers |
| typography | Type systems, font pairing, modular scales, OpenType |
| color-and-contrast | OKLCH, tinted neutrals, dark mode, accessibility |
| spatial-design | Spacing systems, grids, visual hierarchy |
| motion-design | Easing curves, staggering, reduced motion |
| interaction-design | Forms, focus states, loading patterns |
| responsive-design | Mobile-first, fluid design, container queries |
| ux-writing | Button labels, error messages, empty states |
18 Commands
| Command | What it does |
| | 일회성 설정: 디자인 컨텍스트 수집, 설정에 저장 |
| | 시각적 반복을 통한 전체 형태 구상 및 구축 흐름 |
| | 재사용 가능한 구성 요소 및 토큰을 디자인 시스템으로 추출 |
| | 기술적 품질 검사 실행 (접근성, 성능, 반응형 디자인) |
| | UX 디자인 검토: 계층 구조, 명확성, 감성적 공감대 형성 |
| | 최종 검토, 디자인 시스템 정렬 및 출시 준비 완료 |
| | 핵심만 추출 |
| | |
| | 성능 개선 |
| | 오류 처리, 온보딩, 다국어 지원(i18n), 예외 처리 |
| | 의도적인 움직임 추가 |
| | 전략적인 색상 도입 |
| | 지루한 디자인 강조 |
| | 지나치게 강렬한 디자인 완화 |
| | 즐거운 순간 추가 |
| | 다양한 기기에 맞게 조정 |
| | 글꼴 선택, 계층 구조, 크기 조정 |
| | 레이아웃, 간격, 시각적 리듬 조정 |
| | 기술적으로 뛰어난 효과 추가 |