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

> Clean Markdown view of GeekNews topic #27750. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=27750](https://news.hada.io/topic?id=27750)
- GeekNews Markdown: [https://news.hada.io/topic/27750.md](https://news.hada.io/topic/27750.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2026-03-23T09:52:01+09:00
- Updated: 2026-03-23T09:52:01+09:00
- Original source: [github.com/pbakaus](https://github.com/pbakaus/impeccable)
- Points: 39
- Comments: 0

## Summary

AI 코드 어시스턴트가 만든 프론트엔드의 **"AI 슬롭" 디자인을 잡아주는 오픈소스 스킬 패키지**입니다. Inter 폰트 남용, 카드 중첩, 회색 텍스트 같은 LLM 특유의 안티패턴을 내장하고, `/audit`→`/normalize`→`/polish` 순서로 **점검·정렬·정제하는 워크플로우**를 제공합니다. Anthropic의 `frontend-design` 스킬 확장판이라 Claude Code와 궁합이 좋고, Cursor·Codex에서도 `npx skills add` 한 줄로 설치됩니다. 이번 주 Anthropic 하네스 설계 글에서도 "디자인 품질 채점 기준"이 핵심이었는데, Impeccable은 그 아이디어를 **개발자가 바로 쓸 수 있는 명령어 세트로 패키징**한 셈입니다.

## Topic Body

- **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](https://impeccable.style/)

## Comments



_No public comments on this page._