Audit

사용 시기

/impeccable audit은 /impeccable critique의 기술적 대응입니다. /impeccable critique이 “올바르게 느껴지는가”를 묻는다면, /impeccable audit은 “버티는가”를 묻습니다. 구현에 대해 접근성, 퍼포먼스, 테마, 반응형 디자인, 안티패턴 검사를 실행하고, 각 차원을 04점으로 평가하며, P0P3 심각도 등급이 있는 계획을 생성합니다.

출시 전, 품질 스프린트 중, 또는 기술 리드가 “접근성을 정말 확인해야 해요”라고 말할 때 사용하세요.

작동 방식

스킬은 5가지 차원에서 코드를 스캔합니다:

1. 접근성: WCAG 대비, ARIA, 키보드 탐색, 시맨틱 HTML, 폼 레이블.
2. 퍼포먼스: 레이아웃 스래싱, 비싼 애니메이션, 누락된 lazy loading, 번들 무게.
3. 테마: 하드코딩된 색상, 다크 모드 커버리지, 토큰 일관성.
4. 반응형: 브레이크포인트 동작, 터치 타겟, 모바일 뷰포트 처리.
5. 안티패턴: 감지기가 실행하는 것과 동일한 결정론적 25가지 검사.

각 차원은 0~4점을 받습니다. 각 발견 사항은 심각도를 받습니다: P0은 릴리스를 차단하고, P1은 이번 스프린트에 수정해야 하며, P2는 다음 주기, P3은 마감입니다. 티켓 트래커에 붙여넣을 수 있는 단일 문서를 받게 됩니다.

Audit은 아무것도 수정하지 않습니다. 문서화합니다. 카테고리에 따라 발견 사항을 /impeccable polish, /impeccable harden, 또는 /impeccable optimize로 전달하세요.

직접 해보기

/impeccable audit the checkout flow

예상 출력:

Accessibility: 2/4 (partial)
  P0: Missing form labels on 4 inputs
  P1: Contrast 3.1:1 on disabled button state
  P2: No visible focus indicator on custom dropdown

Performance: 3/4 (good)
  P1: Hero image not lazy-loaded (340KB)
  ...

P0은 /impeccable harden으로, 테마와 타이포그래피 P1은 /impeccable typeset과 /impeccable polish로, 나머지는 /impeccable polish로 전달하세요.

주의 사항

• /impeccable critique과 혼동하기. Audit은 구현 품질입니다. Critique는 디자인 품질입니다. 전체 그림을 위해 둘 다 실행하세요.
• P0보다 P3를 먼저 수정하기. 심각도 척도에는 이유가 있습니다. 위에서부터 시작하세요.
• 괜찮을 것이라고 생각하는 차원 건너뛰기. 테마와 반응형은 괜찮지 않을 때까지 괜찮다고 가장하는 것들입니다.