Back to Details

peach-setup-ui-proto

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

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

peach-setup-ui-proto — UI Proto harness配置

대상 프로젝트의 CLAUDE.md와 AGENTS.md를 하네스 시스템에 맞게 설정한다. CLAUDE.md는 20줄 이내 최소 진입점, AGENTS.md는 70~90줄 핵심 규칙.
为目标项目的CLAUDE.md和AGENTS.md适配harness系统配置。 CLAUDE.md为20行以内的最小入口点，AGENTS.md为70~90行的核心规则集。

페르소나

角色

UI Proto 하네스 설정 전문가. CLAUDE.md에서 AGENTS.md와 중복되는 내용을 제거하고, AGENTS.md 4개 섹션을 점검하여 누락 시 보완한다. cursor rules는 삭제한다.
UI Proto harness配置专家。 移除CLAUDE.md中与AGENTS.md重复的内容，检查AGENTS.md的4个章节，若有缺失则补充。 删除cursor rules。

전제조건

前提条件

  • 대상 프로젝트 루트에서 실행 (peach-harness 자체가 아닌 대상 프로젝트)
  • Frontend-Only 구조여야 함 (
    src/modules*
    존재, 
    api/
    와 
    front/
    없음)
  • peach-harness 스킬이 설치되어 있어야 함
  • 在目标项目根目录执行（不是peach-harness本身的目录，而是目标项目目录）
  • 必须为仅前端（Frontend-Only）结构（存在
    src/modules*
    ，无
    api/
    和
    front/
    目录）
  • 已安装peach-harness skill

Workflow

工作流

Step 1: 현재 상태 분석

步骤1：当前状态分析

다음을 확인한다:
bash
undefined
检查以下内容：
bash
undefined

CLAUDE.md 존재 여부 + 내용

CLAUDE.md存在性 + 内容

cat CLAUDE.md 2>/dev/null || echo "CLAUDE.md 없음"
cat CLAUDE.md 2>/dev/null || echo "CLAUDE.md不存在"

AGENTS.md 존재 여부 + 내용

AGENTS.md存在性 + 内容

cat AGENTS.md 2>/dev/null || echo "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 api/ front/ 2>/dev/null && echo " monorepo结构 — 推荐使用peach-setup-harness" || echo "非monorepo" ls -d src/modules*/ 2>/dev/null && echo "仅前端UI Proto项目" || echo "不存在src/modules*/"

모듈 루트 감지

模块根目录检测

ls -d src/modules*/ 2>/dev/null
ls -d src/modules*/ 2>/dev/null

디자인 시스템 감지

设计系统检测

ls src/**/theme.css 2>/dev/null && echo "디자인 시스템 존재" || echo "theme.css 없음"
ls src/**/theme.css 2>/dev/null && echo "存在设计系统" || echo "不存在theme.css"

cursor rules 존재 여부

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: 존재 여부 및 파일 목록
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个章节是否齐全
- 项目类型：确认是否为仅前端（`src/modules*`）
- 模块结构：将`ls -d src/modules*/`的结果作为`{模块结构}`使用
- 设计系统：是否存在theme.css
- cursor rules：存在性及文件列表

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

步骤2：检查AGENTS.md的4个章节

AGENTS.md가 존재하는 경우, 아래 4개 섹션이 있는지 확인한다:
bash
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를 소스로 사용한다:
섹션소스 파일
1. 공통 원칙
peach-setup-ui-proto/references/01-common.md
2. 프론트엔드 규칙
peach-setup-ui-proto/references/02-frontend.md
3. 테스트 및 품질
peach-setup-ui-proto/references/03-testing.md
4. Bounded Autonomy
peach-setup-ui-proto/references/04-bounded-autonomy.md
누락 섹션 목록을 기록한다.
如果AGENTS.md存在，确认是否包含以下4个章节：
bash
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规则缺失"
发现缺失章节时，使用以下参考文件作为来源：
章节来源文件
1. 公共原则
peach-setup-ui-proto/references/01-common.md
2. 前端规则
peach-setup-ui-proto/references/02-frontend.md
3. 测试与质量
peach-setup-ui-proto/references/03-testing.md
4. Bounded Autonomy
peach-setup-ui-proto/references/04-bounded-autonomy.md
记录缺失的章节列表。

Step 3: 변경 계획 생성

步骤3：生成变更计划

사용자에게 변경 계획을 제시한다:
CLAUDE.md 변경:
  • 제거할 중복 섹션 (AGENTS.md에 이미 있는 내용)
  • 최종 예상 줄 수
AGENTS.md 변경:
  • 누락된 섹션 목록 + 추가할 내용 요약
  • 전체 4개 섹션 구성 확인
  • 기존 AGENTS.md에서 제거할 오래된 운영 섹션 (스킬, 화면 유형, 컴포넌트 카탈로그, 기획자 워크플로우)
cursor rules 삭제 (존재하는 경우):
  • 삭제 대상 파일/디렉토리 목록
  • 삭제 사유: "기본 지침(AGENTS.md) + 스킬 베이스로 작업 진행. cursor rules는 더 이상 사용하지 않음"
向用户提交变更计划：
CLAUDE.md变更：
  • 要移除的重复章节（AGENTS.md中已存在的内容）
  • 最终预计行数
AGENTS.md变更：
  • 缺失章节列表 + 待添加内容摘要
  • 确认完整4个章节的结构
  • 原有AGENTS.md中要移除的过时运营章节（skill、页面类型、组件目录、产品经理工作流）
删除cursor rules（如果存在）：
  • 待删除的文件/目录列表
  • 删除原因："基于通用规范(AGENTS.md) + skill底座开展工作，不再使用cursor rules"

Step 4: 사용자 확인

步骤4：用户确认

변경 계획에 대해 사용자 동의를 받는다. 수정 요청이 있으면 반영한다.
获取用户对变更计划的同意，如有修改需求则同步调整。

Step 5: 적용

步骤5：执行变更

승인 후 변경을 적용한다:
  1. CLAUDE.md 정리
    • AGENTS.md와 중복되는 섹션 제거
    • 프로젝트별 고유 지침은 보존 (디자인 시스템, 특수 설정 등)
    • 20줄 이내 유지
  2. AGENTS.md 생성 또는 업데이트
    • 섹션별 references를 조합하여 4개 섹션 구성
    • AGENTS.md 없음 → 4개 references 조합하여 전체 생성
    • AGENTS.md 있음 → 누락/불일치 섹션만 references에서 추출하여 추가/수정
    • 기존 AGENTS.md의 오래된 운영 섹션 제거
    • {모듈구조}
      → 
      ls -d src/modules*/
      결과로 치환
  3. cursor rules 삭제 (존재하는 경우)
    • 루트 
      .cursor/rules/
      디렉토리 삭제
    • 루트 
      .cursorrules
      파일 삭제
获得批准后应用变更：
  1. 整理CLAUDE.md
    • 移除与AGENTS.md重复的章节
    • 保留项目专属规范（设计系统、特殊配置等）
    • 保持在20行以内
  2. 生成或更新AGENTS.md
    • 结合各章节参考文件组成4个核心章节
    • 无AGENTS.md → 组合4个参考文件生成完整内容
    • 已有AGENTS.md → 仅从参考文件中提取缺失/不匹配的章节进行添加/修改
    • 移除原有AGENTS.md中的过时运营章节
    • 将
      {模块结构}
      替换为
      ls -d src/modules*/
      的执行结果
  3. 删除cursor rules（如果存在）
    • 删除根目录
      .cursor/rules/
      目录
    • 删除根目录
      .cursorrules
      文件

Step 6: 완료 확인

步骤6：确认完成

적용 결과를 출력한다:
  • CLAUDE.md 변경 전/후 줄 수
  • AGENTS.md 추가/업데이트된 섹션 목록
  • AGENTS.md에서 제거된 오래된 운영 섹션 목록
  • 삭제된 cursor rules 파일 목록
输出应用结果：
  • CLAUDE.md变更前后的行数
  • AGENTS.md新增/更新的章节列表
  • AGENTS.md中移除的过时运营章节列表
  • 已删除的cursor rules文件列表

AGENTS.md 최소화 원칙

AGENTS.md最小化原则

AGENTS.md를 새로 생성하거나 보완할 때 아래 원칙을 적용한다.
핵심: "가이드 코드가 말 못하는 것만 남긴다." 스킬 미사용 케이스를 별도로 고려하지 않는다.
유지 (4가지 카테고리):
카테고리내용
금지사항
_common
만 import, 옵셔널/null/undefined 금지, isLoading 금지
설계 철학Mock 모드 원칙, 완전 독립 도메인, Store 경유 API 호출
컨벤션네이밍 4종(snake_case/kebab-case/PascalCase/camelCase), Pinia Option API, computed 래핑, 케밥케이스 컴포넌트
포인터가이드 코드 경로, 품질 검증 명령어, 공통 컴포넌트 경로(
_common/components/
)
제거:
  • 가이드 코드에서 추론 가능한 내용 → 가이드 코드 포인터로 대체
  • 린터(ESLint)가 잡을 수 있는 규칙
  • 코드 예시 → 
    파일 경로 참조
    1줄로 대체
  • 공통 컴포넌트 전체 목록 → 
    _common/components/
    경로 포인터로 대체
목표 크기: 70~90줄
新建或补充AGENTS.md时遵循以下原则：
核心： "只保留指南代码无法说明的内容，不单独考虑未使用skill的场景。"
保留内容（4类）：
类别内容
禁止项仅允许import
_common
、禁止使用optional/null/undefined、禁止使用isLoading
设计理念Mock模式原则、完全独立域、通过Store调用API
规范4种命名规范(snake_case/kebab-case/PascalCase/camelCase)、Pinia Option API、computed封装、短横线命名组件
指引指南代码路径、质量校验命令、通用组件路径(
_common/components/
)
移除内容：
  • 可从指南代码推断的内容 → 替换为指南代码指引
  • ESLint等 lint工具可检测的规则
  • 代码示例 → 替换为
    参考文件路径
    单行说明
  • 通用组件全量列表 → 替换为
    _common/components/
    路径指引
目标长度： 70~90行

CLAUDE.md 표준 템플릿

CLAUDE.md标准模板

대상 프로젝트의 CLAUDE.md를 아래 형식으로 정리한다. 프로젝트별 고유 지침은 별도 섹션으로 보존한다.
markdown
undefined
按以下格式整理目标项目的CLAUDE.md，项目专属规范单独保留章节。
markdown
undefined

{프로젝트명}

{项目名}

{한 줄 설명}
{一行说明}

규칙 참조

规则参考

모든 개발 규칙은 @AGENTS.md 를 참조하라.
所有开发规则请参考@AGENTS.md。

세션 시작

会话启动

git status && git branch
로 현재 상태를 확인하세요.
请执行
git status && git branch
确认当前状态。

가이드 코드

指南代码

코드 생성 = 가이드 코드 참조 → 도메인 분석 → Bounded Autonomy 범위 내 적응
  • Frontend: 
    src/modules/test-data/
undefined
代码生成 = 参考指南代码 → 域分析 → 在Bounded Autonomy范围内适配
  • 前端：
    src/modules/test-data/
undefined

핵심 원칙

核心原则

  • CLAUDE.md는 20줄 이내 유지
  • AGENTS.md와 중복되는 섹션은 제거 ("코딩 규칙", "프론트엔드 지침" 등)
  • 프로젝트별 고유 지침(디자인 시스템, 특수 환경변수 등)은 별도 섹션으로 보존
  • 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 삭제됨 (존재했던 경우)
基础项：
  • CLAUDE.md已整理为20行以内
  • 已移除CLAUDE.md中与AGENTS.md重复的内容
  • AGENTS.md由4个章节组成（公共、前端、测试、BA）
  • AGENTS.md长度在70~90行范围内
  • 已保留项目专属规范
附加项：
  • AGENTS.md中已明确Mock模式原则
  • 已准确标注技术栈（Vue 3/Pinia/NuxtUI v4/TailwindCSS v4）
  • 参考文件结构正确（01、02、03、04）
  • 若原有cursor rules存在，已完成删除