site-auditorlisted

# Site Auditor performance-checker, web-design-guidelines, seo-master, deploy-safety-guard, security-audit를 **병렬로** 실행하는 통합 점검 스킬. --- ## Workflow 실행 전 프로젝트 루트를 확인하고, `package.json` 존재 여부로 프로젝트 타입을 파악한다. ### Step 1: 5개 Phase를 Task 도구로 동시 호출 Phase 간 의존성이 없으므로 **반드시 하나의 메시지에서 5개 Task를 병렬로 호출**한다. ``` 단일 메시지에서 동시에 5개 Task 호출: Task(subagent_type="general-purpose", name="performance-checker", run_in_background=true) Task(subagent_type="general-purpose", name="ui-accessibility-checker", run_in_background=true) Task(subagent_type="general-purpose", name="seo-checker", run_in_background=true) Task(subagent_type="general-purpose", name="backend-safety-checker", run_in_background=true) Task(subagent_type="security-specialist", name="security-auditor", run_in_background=true) ``` 각 에이전트에게 전달할 프롬프트는 아래 Phase 설명을 포함한다. ### Phase 1: Performance Check (에이전트 프롬프트) `~/.claude/skills/performance-checker/SKILL.md`를 읽고, Workflow 섹션에 정의된 단계를 실행한다: - 빌드 검증 (`next build` 또는 해당 빌드 명령어) - 번들 크기 분석 (`@next/bundle-analyzer` 또는 빌드 출력 파싱) - 파일 무결성 점검 (깨진 import, 미사용 파일 검출) - 코드 품질 확인 (lint, TypeScript 에러) 결과 형식: ``` { score: number, issues: string[], critical: string[], warnings: string[] } ``` 에러 처리: 빌드 실패 시 `{ score: 0, critical: ["Build verification failed"] }`로 기록. --- ### Phase 2: UI/Accessibility Check (에이전트 프롬프트) `~/.claude/skills/web-design-guidelines/SKILL.md`를 읽고, Rules 섹션의 100+ 규칙을 기반으로 검증한다: - 접근성: alt 속성, outline, 키보드 네비게이션, ARIA 라벨 - 폼: label 연결, autocomplete, 에러 메시지 - 애니메이션