peach-setup-ui-proto（peach 设置 ui 原型）

peach-setup-ui-proto — UI Proto 하네스 설정

대상 프로젝트의 CLAUDE.md와 AGENTS.md를 하네스 시스템에 맞게 설정한다. CLAUDE.md는 20줄 이내 최소 진입점, AGENTS.md는 70~90줄 핵심 규칙.

페르소나

UI Proto 하네스 설정 전문가. CLAUDE.md에서 AGENTS.md와 중복되는 내용을 제거하고, AGENTS.md 4개 섹션을 점검하여 누락 시 보완한다. cursor rules는 삭제한다.

전제조건

• 대상 프로젝트 루트에서 실행 (peach-harness 자체가 아닌 대상 프로젝트)
• Frontend-Only 구조여야 함 (src/modules* 존재, api/와 front/ 없음)
• peach-harness 스킬이 설치되어 있어야 함

Workflow

Step 1: 현재 상태 분석

다음을 확인한다:

# CLAUDE.md 존재 여부 + 내용
cat CLAUDE.md 2>/dev/null || echo "CLAUDE.md 없음"

# AGENTS.md 존재 여부 + 내용
cat AGENTS.md 2>/dev/null || echo "AGENTS.md 없음"

# 프로젝트 구조 감지
ls -d api/ front/ 2>/dev/null && echo "모노레포 구조 — peach-setup-harness 사용 권고" || echo "모노레포 아님"
ls -d src/modules*/ 2>/dev/null && echo "Frontend-Only UI Proto 프로젝트" || echo "src/modules*/ 없음"

# 모듈 루트 감지
ls -d src/modules*/ 2>/dev/null

# 디자인 시스템 감지
ls src/**/theme.css 2>/dev/null && echo "디자인 시스템 존재" || echo "theme.css 없음"

# cursor rules 존재 여부
ls .cursor/rules/ 2>/dev/null && echo "root cursor rules 존재" || echo "root cursor rules 없음"
ls .cursorrules 2>/dev/null && echo ".cursorrules 존재" || echo ".cursorrules 없음"

분석 결과를 정리:

• CLAUDE.md: 존재 여부, 현재 줄 수, AGENTS.md와 중복되는 섹션 목록
• AGENTS.md: 존재 여부, 4개 섹션 존재 여부
• 프로젝트 유형: Frontend-Only (src/modules*) 확인
• 모듈 루트: ls -d src/modules*/ 결과를 {모듈구조}로 사용
• 디자인 시스템: theme.css 존재 여부
• cursor rules: 존재 여부 및 파일 목록

Step 2: AGENTS.md 4개 섹션 점검

AGENTS.md가 존재하는 경우, 아래 4개 섹션이 있는지 확인한다:

grep -l "공통 원칙\|_common.*import" AGENTS.md 2>/dev/null && echo "§1.공통원칙 존재" || echo "§1.공통원칙 누락"
grep -l "프론트엔드 규칙\|computed" AGENTS.md 2>/dev/null && echo "§2.프론트엔드 존재" || echo "§2.프론트엔드 누락"
grep -l "테스트\|test:run\|vue-tsc" AGENTS.md 2>/dev/null && echo "§3.테스트 존재" || echo "§3.테스트 누락"
grep -l "Bounded Autonomy\|Must Follow" AGENTS.md 2>/dev/null && echo "§4.BA 존재" || echo "§4.BA 누락"

누락 섹션 발견 시 아래 references를 소스로 사용한다:

누락 섹션 목록을 기록한다.

Step 3: 변경 계획 생성

사용자에게 변경 계획을 제시한다:

CLAUDE.md 변경:

• 제거할 중복 섹션 (AGENTS.md에 이미 있는 내용)
• 최종 예상 줄 수

AGENTS.md 변경:

• 누락된 섹션 목록 + 추가할 내용 요약
• 전체 4개 섹션 구성 확인
• 기존 AGENTS.md에서 제거할 오래된 운영 섹션 (스킬, 화면 유형, 컴포넌트 카탈로그, 기획자 워크플로우)

cursor rules 삭제 (존재하는 경우):

• 삭제 대상 파일/디렉토리 목록
• 삭제 사유: "기본 지침(AGENTS.md) + 스킬 베이스로 작업 진행. cursor rules는 더 이상 사용하지 않음"

Step 4: 사용자 확인

변경 계획에 대해 사용자 동의를 받는다. 수정 요청이 있으면 반영한다.

Step 5: 적용

승인 후 변경을 적용한다:

1. CLAUDE.md 정리

- AGENTS.md와 중복되는 섹션 제거 - 프로젝트별 고유 지침은 보존 (디자인 시스템, 특수 설정 등) - 20줄 이내 유지

1. AGENTS.md 생성 또는 업데이트

- 섹션별 references를 조합하여 4개 섹션 구성 - AGENTS.md 없음 → 4개 references 조합하여 전체 생성 - AGENTS.md 있음 → 누락/불일치 섹션만 references에서 추출하여 추가/수정 - 기존 AGENTS.md의 오래된 운영 섹션 제거 - {모듈구조} → ls -d src/modules*/ 결과로 치환

1. cursor rules 삭제 (존재하는 경우)

- 루트 .cursor/rules/ 디렉토리 삭제 - 루트 .cursorrules 파일 삭제

Step 6: 완료 확인

적용 결과를 출력한다:

• CLAUDE.md 변경 전/후 줄 수
• AGENTS.md 추가/업데이트된 섹션 목록
• AGENTS.md에서 제거된 오래된 운영 섹션 목록
• 삭제된 cursor rules 파일 목록

AGENTS.md 최소화 원칙

AGENTS.md를 새로 생성하거나 보완할 때 아래 원칙을 적용한다.

핵심: "가이드 코드가 말 못하는 것만 남긴다." 스킬 미사용 케이스를 별도로 고려하지 않는다.

유지 (4가지 카테고리):

제거:

• 가이드 코드에서 추론 가능한 내용 → 가이드 코드 포인터로 대체
• 린터(ESLint)가 잡을 수 있는 규칙
• 코드 예시 → 파일 경로 참조 1줄로 대체
• 공통 컴포넌트 전체 목록 → _common/components/ 경로 포인터로 대체

목표 크기: 70~90줄

CLAUDE.md 표준 템플릿

대상 프로젝트의 CLAUDE.md를 아래 형식으로 정리한다. 프로젝트별 고유 지침은 별도 섹션으로 보존한다.

# {프로젝트명}

{한 줄 설명}

## 규칙 참조

모든 개발 규칙은 @AGENTS.md 를 참조하라.

## 세션 시작

`git status && git branch`로 현재 상태를 확인하세요.

## 가이드 코드

코드 생성 = **가이드 코드 참조** → 도메인 분석 → Bounded Autonomy 범위 내 적응
- Frontend: `src/modules/test-data/`

핵심 원칙

• CLAUDE.md는 20줄 이내 유지
• AGENTS.md와 중복되는 섹션은 제거 ("코딩 규칙", "프론트엔드 지침" 등)
• 프로젝트별 고유 지침(디자인 시스템, 특수 환경변수 등)은 별도 섹션으로 보존

완료 조건 체크리스트

기본:

• CLAUDE.md가 20줄 이내로 정리됨
• CLAUDE.md에서 AGENTS.md 중복 내용이 제거됨
• AGENTS.md가 4개 섹션(공통, 프론트엔드, 테스트, BA)으로 구성됨
• AGENTS.md가 70~90줄 범위
• 프로젝트별 고유 지침이 보존됨

추가:

• Mock 모드 원칙이 AGENTS.md에 명시됨
• 기술 스택(Vue 3/Pinia/NuxtUI v4/TailwindCSS v4)이 정확히 반영됨
• references 구조가 올바름 (01, 02, 03, 04)
• cursor rules 삭제됨 (존재했던 경우)