AI 가이드
홈 화면을 Impeccable로 다듬는 5단계
이번 주 트렌드 · pbakaus/impeccable
AI가 홈을 고치면 자주 보라 그라데이션과 둥근 아이콘이 생깁니다. 이 자료는 2026년 9월 30일 확인한 pbakaus/impeccable으로, 설치와 초기화만 하고 히어로 아래 노을 패널 같은 한 면만 보게 하는 다섯 단계를 담았습니다. 사이트 전체를 다시 디자인하지 않습니다.
복사해서 바로 시작하는 프롬프트. 설치와 init까지 AI에게 맡기기.
역할: 이 프로젝트에 Impeccable을 설치하고, 홈의 한 면만 점검하는 담당
맥락: 이 사이트는 신스웨이브 청록·분홍과, 날씨 아래 주황 노을 패널이 있습니다. 테마를 부수지 마세요. PRODUCT.md가 없으면 init만 하고, 기존 HTML을 크게 쓰지 마세요.
입력: 프로젝트 루트는 지금 연 폴더입니다. Node·npx는 직접 확인하세요.
작업: ① `npx impeccable install` 을 프로젝트 루트에서 실행하세요. ② 사용자에게 커서에서 `/impeccable init` 를 치라고 안내하세요. ③ init이 만든 PRODUCT.md 가 있으면 앞 40줄을 보여 주세요. ④ 이어서 `/impeccable critique dusk-strip` 또는 노을 패널을 가리키는 한 줄만 제안하세요. 홈 전체를 craft 하지 마세요.
제약: index.html의 내비·카드 격자·지구본을 리팩터하지 마세요. 폰트를 Inter로 바꾸지 마세요. API 키를 요구하지 마세요.
출력: 설치 로그, PRODUCT.md 존재 여부, 다음에 칠 명령 한 줄
검증: `npx impeccable` 이 동작하고, 사이트 테마 CSS가 그대로여야 합니다.Quick Start
- 공식 저장소: pbakaus/impeccable
- 문서: impeccable.style
- 한 줄 정의: 코딩 에이전트에게 디자인 명령과 탐지 규칙을 주는 도구입니다. 포토샵이 아닙니다.
- 인기·만든 곳: 2026년 9월 30일 GitHub 페이지 기준 스타 72,563개. 만든 곳은 Paul Bakaus입니다.
- 라이선스: 저장소 LICENSE 파일을 따릅니다. 설치 전에 한 번 열어 보세요.
- 필요한 환경: Node.js와 npx, 이 프로젝트를 연 커서.
- 비용: 설치와 결정론적 검사는 무료입니다.
/impeccable critique는 모델 요금이 나갑니다.
프로젝트 루트에서:
npx impeccable install그다음 커서에서 /impeccable init 를 칩니다.
검증: 2026-09-30 기준 (README Quick start, 24 commands)
STEP 1. 왜 이 사이트에 맞는지 보기: 2분
이 홈은 이미 테마가 있습니다. Impeccable은 그 톤을 PRODUCT.md에 적게 해서, 다음 수정이 네온 노랑과 주황 노을을 섞지 않게 합니다.
STEP 2. 설치하기: 3분
npx impeccable install루트가 아니면 명령이 다른 폴더를 만집니다. 지금 연 프로젝트인지 먼저 봅니다.
STEP 3. init로 사실만 남기기: 4분
/impeccable init 은 누구를 위한 사이트인지, 무엇을 안 바꾸는지 묻습니다. 시각 방향은 나중 명령입니다. 운영자 소개와 제천, 칼럼·가이드가 본체라는 점만 남기면 됩니다.
STEP 4. 한 면만 보기: 4분
노을 패널이나 날씨 줄처럼 최근에 만진 곳만 /impeccable critique 합니다. /impeccable craft 로 홈 전체를 다시 빚지 않습니다.
STEP 5. 쓰지 말 것: 2분
overdrive 와 delight 는 장식을 늘립니다. 이 사이트의 신스웨이브는 이미 장식이 있습니다. 조용히 맞추는 쪽이 맞습니다.
자주 막히는 곳
- init 없이 polish를 치면 다른 제품의 말투가 들어옵니다.
- 탐지 규칙 61개는 LLM 없이 돕니다. 브라우저 확장은 이 자료에서 필수 아닙니다.
솔직히 한계
- Impeccable은 취향을 대신 정하지 않습니다. 제천 주황과 청록이 같이 있어도 되는지는 사람이 봅니다.
- 정적 GitHub Pages에는 라이브 브라우저 반복이 약합니다.
되돌리기. 설치가 만든 설정 파일만 지우면 됩니다. PRODUCT.md를 남길지는 운영자가 정합니다.
공식 자료
- 저장소: pbakaus/impeccable
- 문서: impeccable.style
- 출발점: Anthropic frontend-design 스킬을 이어서 만든다고 README가 적습니다.