多Agent协同工作流

multi-agent-workflow.md

OpenClaw 多 Agent 协同工作流：需求到原型

从需求文档 → 功能清单 → PRD → 原型图的完整自动化流程

---

一、现有 Skills 梳理

需求分析阶段

Skill	功能
create-prd	PRD 文档生成
prioritize-features	功能清单 + 优先级
user-stories	用户故事拆分
analyze-feature-requests	需求分析

原型设计阶段

Skill	功能
ui-design-system	设计系统
opportunity-solution-tree	机会解决方案树

MCP 扩展

MCP	功能
Pencil MCP	IDE 原生设计工具 (.pen 文件)
mcp-echarts	数据可视化
markmap-mcp	思维导图生成

---

二、工作流设计

Agent 1：需求分析 Agent

职责：接收原始需求，生成结构化功能清单

输入：

• 原始需求描述
• 业务背景
• 目标用户

输出：

• 功能清单表格
• 优先级排序 (P0/P1/P2)
• 依赖关系

使用 Skill：

描述词: "分析需求，生成功能清单"
→ activate: analyze-feature-requests
→ activate: prioritize-features

---

Agent 2：PRD 撰写 Agent

职责：根据功能清单，生成完整 PRD 文档

输入：

• 功能清单
• 优先级
• 业务背景

输出：

• 完整 PRD 文档
• 用户故事
• 验收标准

使用 Skill：

描述词: "根据功能清单撰写PRD"
→ activate: create-prd
→ activate: user-stories

---

Agent 3：设计 Agent

职责：根据 PRD 生成原型描述

输入：

• PRD 文档
• 功能点

输出：

• 页面结构
• 组件列表
• 交互流程

使用 Skill：

描述词: "生成原型描述"
→ activate: ui-design-system
→ activate: opportunity-solution-tree

---

Agent 4：Pencil 原型 Agent (核心更新)

职责：连接 Pencil，生成 .pen 原型文件

输入：

• 原型描述
• 组件规格

输出：

• .pen 设计文件 (JSON 格式)
• 可直接在 VS Code/Cursor 中编辑

使用 MCP：

描述词: "用Pencil生成原型"
→ activate: Pencil MCP
→ activate: ui-design-system

---

三、完整工作流示例

Step 1: 需求输入

用户: "我想做一个电商小程序，包含商品展示、购物车、订单管理、支付功能"

Step 2: Agent 1 - 功能清单生成

→ 调用: analyze-feature-requests
→ 输出:
| 功能模块 | 功能点 | 优先级 |
|----------|--------|--------|
| 商品展示 | 商品列表 | P0 |
| 商品展示 | 商品详情 | P0 |
| 购物车 | 加入购物车 | P0 |
| 购物车 | 购物车管理 | P0 |
| 订单管理 | 下单 | P0 |
| 订单管理 | 订单列表 | P1 |
| 支付 | 微信支付 | P0 |

Step 3: Agent 2 - PRD 生成

→ 调用: create-prd
→ 输入: 功能清单
→ 输出: 完整 PRD 文档

Step 4: Agent 3 - 原型描述

→ 调用: ui-design-system
→ 输出: 页面结构、组件规格

Step 5: Agent 4 - Pencil 生成

→ 调用: Pencil MCP
→ 输入: 原型描述
→ 输出: test.pen 设计文件
→ 可在 VS Code/Cursor 中打开编辑

---

四、Pencil 优势

优势	说明
IDE 集成	VS Code/Cursor 内完成设计
Git 版本控制	.pen 文件可对比
AI 集成	Claude Code 直接生成
Design to Code	设计代码同步

---

五、所需 Skills/MCP 安装清单

已安装

类型	名称	用途
Skill	analyze-feature-requests	需求分析
Skill	prioritize-features	功能优先级
Skill	create-prd	PRD撰写
Skill	user-stories	用户故事
Skill	ui-design-system	设计系统
Skill	opportunity-solution-tree	机会树
MCP	Pencil	原型生成 (需安装)

Pencil 安装

1. VS Code / Cursor 扩展市场安装 Pencil
2. Claude Code CLI: npm install -g @anthropic-ai/claude-code-cli
3. 登录: claude

---

六、实际使用示例

完整对话

用户: "做一个社区团购小程序"

Agent 1 (需求分析):
✓ 已分析需求，生成功能清单 (15个功能点)

Agent 2 (PRD撰写):
✓ 已生成PRD文档，包含：
  - 产品概述
  - 功能清单
  - 用户故事
  - 验收标准

Agent 3 (原型设计):
✓ 已生成原型描述，包含：
  - 页面结构 (5个页面)
  - 组件列表 (20+组件)
  - 交互流程

用户: "继续生成Pencil原型"

Agent 4 (Pencil):
→ 正在生成 test.pen 文件...
→ 设计文件已生成!
→ 在 VS Code/Cursor 中打开 .pen 文件即可查看

---

七、进阶：自动化触发

条件触发

当收到包含以下关键词时，自动触发对应Agent：
- "功能清单" → Agent 1
- "PRD" → Agent 2
- "原型" → Agent 3
- "Pencil" → Agent 4

串行执行

用户输入 → Agent 1 → Agent 2 → Agent 3 → Agent 4
     ↓           ↓          ↓         ↓         ↓
   需求      功能清单     PRD      原型描述   .pen设计

---

文档更新时间: 2026-03-07