# [CLAUDE.md](http://CLAUDE.md)

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

## 语言约束

本项目默认使用简体中文，新增/更新的 skill、规则、记忆等文件应该使用简体中文（可允许部分必须要英文字母的表述，如 API、URL、ID 等）。

<br>

## 项目概述

这是一个产品经理的 Claude Code 工作空间，用于：

-   撰写 PRD（prd-writer）
    
-   需求分析（requirements-analysis）
    
-   构建 PC 端后台 Demo（pc-demo）
    

**工作流程**：需求分析 → PRD 撰写 → PC 端 Demo 开发

## 架构要点

-   **无真实后端**：PC Demo 使用 Mock.js 在浏览器内拦截 `/api/*` 请求，生成假数据
    
-   **认证机制**：`localStorage.token` 存储登录态，路由守卫 `beforeEach` 检查 token
    
-   **新增页面三步**：① `pc/src/router/index.js` 加路由 → ② `Layout.vue` 的 `<el-menu>` 加菜单项 → ③ `currentTitle` 映射加面包屑标题
    
-   **Mock 接口格式**：所有返回必须遵循 `{ code: 200, data, msg }` 结构
    

## 目录结构

```
pm_agent/
├── CLAUDE.md              # 本文件
├── prd/                   # PRD 文档目录
├── pc/                    # PC 端管理后台 Demo
│   ├── CLAUDE.md          # PC 项目指南
│   └── src/               # 项目源码
└── .claude/
    └── skills/            # Claude Code 技能目录
        ├── prd-writer/           # PRD 撰写技能
        ├── requirements-analysis/ # 需求分析技能
        └── pc-demo/              # PC 端 Demo 构建技能
```

## 常用命令（PC 端 Demo）

```bash
cd pc
npm install        # 安装依赖
npm run serve      # 启动开发服务器（端口 8080，热更新）
npm run build      # 生产构建
npm run lint       # ESLint 校验并自动修复
```

无测试框架，无单测命令。

## 技能说明

### requirements-analysis（需求分析）

当用户提到"需求分析"、"分析需求"、"撰写需求分析"、"需求调研"时使用。在 PRD 撰写前进行需求调研、分析和确认。输出到 `prd/` 目录。

### prd-writer（PRD 撰写）

当用户提到"写PRD"、"撰写需求"、"产品需求"、"需求背景"、"功能设计"、"撰写产品需求文档"时使用。按五段式模板输出（需求背景→需求目标→流程图→功能清单→系统改造），包含 Mermaid 流程图。输出到 `prd/` 目录。

### pc-demo（PC 端 Demo）

当用户提到"PC后台"、"后台页面"、"新增页面"、"添加菜单"、"PC端开发"、"后台列表"、"后台详情"、"管理后台"、"新建页面"、"开发页面"、"页面模板"等关键词时使用。即使用户只是简单提到要做一个后台页面或管理界面，也应该触发此 skill。

**注意**：pc-demo skill 模板文档描述的是 React + Ant Design + Vite，但实际 `pc/` 项目使用 Vue 2.6 + Element UI 2.15 + Vue CLI 5。开发时以 `pc/CLAUDE.md` 和实际代码为准。

## PRD 文档约定

-   PRD 文档存放在 `prd/<需求名称>/` 目录
    
-   文件命名格式：`<简述>-<类型>-<日期>.md`（如 `销售数据导出-需求沟通记录-20260410.md`）
    
-   流程图使用 Mermaid 语法
    

| <br> | mscGroupList |
| --- | --- |
| 客户类型MSC | mscCode |
| mscGroupList | mscCodeList |

<br>