AI 티 안 나는 화면 만드는 임페커블

1언제 쓰나요

클로드로 웹사이트나 앱 화면을 만들 때 씁니다. 코드 작업을 함께 하는 분께 맞습니다.

2GitHub에서 설치하기

pbakaus/impeccable라이선스 Apache-2.0

npx impeccable install

Claude Code에서는 /plugin marketplace add pbakaus/impeccable 을 실행한 뒤 /plugin 화면에서 설치해도 됩니다.

3이렇게 부르세요

• /impeccable critique복사
• /impeccable polish복사
• /impeccable audit복사

4따라 하는 순서

1. 설치하기

   터미널에서 설치 명령을 실행합니다. 설치기가 쓰는 도구를 찾아 주고, 프로젝트용인지 전체용인지 묻습니다.

2. 디자인 검사 훅 켜기

   설치 중에 묻는 자동 검사 훅은 켜 두세요. 클로드가 화면 파일을 고칠 때마다 검사 결과를 돌려줍니다.

3. 제품 정보 알려 주기

   처음에 제품 설명 파일을 만들면 이후 작업이 그 맥락을 따릅니다.

4. 명령어로 작업하기

   평가는 critique, 기술 점검은 audit, 마무리는 polish처럼 하고 싶은 일을 골라 부릅니다.

5받게 되는 결과

• 제품과 디자인 기준 문서
• 화면 평가와 점검 결과
• 뻔한 패턴을 잡는 자동 검사

6쓰기 전에 알아 둘 것

• 검사만 먼저 해 보고 싶다면 npx impeccable detect src/ 를 실행하세요.
• 이 스킬가이드 화면도 임페커블로 작업했습니다.