我先检索一下项目知识库中关于CRM系统和数据架构的现有设计,确保给你的范式能和现有架构对齐。根据项目知识库的信息,我了解到你的CRM系统Phase 1-4已完成核心功能,现在要进一步优化交互界面设计。让我先评估你的思路,然后给你一个实用的范式。
| 维度 | 你的思路 | 评估 | 建议优化 |
|---|---|---|---|
| 梳理工具 | XMind逻辑图 | ✅ 好 | 可视化清晰,但需要转换为结构化文本 |
| 工作流 | 逻辑图 → 理解 → Claude Code | ✅ 合理 | 中间需要一个标准化的需求描述层 |
| 目标 | 范式/模板填空 | ✅ 正确 | 需要分层设计,区分"业务What"和"技术How" |
核心问题识别:XMind逻辑图是面向人的思考工具,而Claude Code需要的是结构化、可解析的需求描述。你需要的范式本质上是XMind → Claude Code 的转译协议。
原方案:XMind逻辑图 → 脑中理解 → 直接提示Claude Code
优化方案:XMind逻辑图 → 【结构化需求文档】 → Claude Code
↑
这就是你要的范式
为什么需要中间层?
这个范式分为7个区块,你按顺序填写,然后整体发给Claude Code。
# CRM界面需求:[界面/功能名称]
## 1. 界面概述
- **所属模块**:[仪表盘/客户管理/订单管理/交付管理/库存管理/售后管理/数据统计]
- **页面路由**:/admin/[模块名]/[页面名]
- **界面类型**:[列表页/详情页/表单页/弹窗组件/仪表盘]
- **用户角色**:[管理员/运营人员/客服]
- **一句话描述**:[用30字内说清楚这个界面干什么]
## 2. 用户场景(填写1-3个核心场景)
> 格式:作为[角色],我想要[操作],以便[目的]
场景1:作为___,我想要___,以便___
场景2:作为___,我想要___,以便___
场景3:(可选)
## 3. 数据关联
- **主表**:[表名,如 orders]
- **关联表**:[表名1, 表名2...](可选)
- **关键字段**:
| 字段名 | 中文名 | 用途 | 是否必填 |
|--------|--------|------|----------|
| field_name | 字段名称 | 展示/筛选/编辑 | 是/否 |
| ... | ... | ... | ... |
## 4. 界面布局
> 用简单的文字或ASCII描述界面结构
[顶部区域:筛选条件/搜索框/操作按钮] ─────────────────────────────────────── [主体区域:表格/卡片/表单/图表] ─────────────────────────────────────── [底部区域:分页/汇总信息](可选)
## 5. 交互行为
> 列出界面上所有可交互的元素及其行为
| 元素 | 类型 | 触发动作 | 期望结果 |
|------|------|----------|----------|
| [元素名] | 按钮/链接/下拉/输入框 | 点击/选择/输入 | [发生什么] |
| 例:新建订单按钮 | 按钮 | 点击 | 打开新建订单表单弹窗 |
| ... | ... | ... | ... |
## 6. 验证与约束
> 填写业务规则和数据校验逻辑
| 规则编号 | 规则描述 | 触发时机 | 错误提示 |
|----------|----------|----------|----------|
| R1 | [规则描述] | [何时触发] | [提示文案] |
| 例:R1 | 订单金额必须大于0 | 表单提交时 | "请输入有效的订单金额" |
| ... | ... | ... | ... |
## 7. 状态流转(如有)
> 如果涉及状态变更,描述状态机
[初始状态] --[操作1]--> [状态A] --[操作2]--> [状态B] ↘ [操作3] --> [状态C]