梳理需求范围、角色、流程、规则和验收口径。
输出：详细主 PRD
Egova 产品经理工具集
从需求梳理到原型评审，一条完整工作流
工具集覆盖 PRD撰写、高保真原型设计、原型说明和业务标注。每个阶段由专用 Skill 负责，前一阶段产物直接进入下一阶段。
按 ZartUI 范式生成 Web 或移动端高保真界面。
输出：可交互单 HTML 原型
补充业务规则、原型说明和可定位功能点标注。
输出：可分享、可评审原型
需求分析与文档生产
PRD撰写
把聊天、笔记、截图、会议纪要和旧文档中的需求，整理成一份详细、可信、可持续更新的主 PRD。文档优先满足 AI 读取和后续执行，也方便产品、设计和研发共同阅读。
需求澄清范围收敛功能架构角色权限节点规格验收口径
01
内部流程怎么走
先辨认目标和材料，再补齐高风险缺口，最终形成一份可持续回写的主 PRD。
STEP 01接收材料对话、文档、截图、会议纪要和旧 PRD
STEP 02识别目标确认业务目标、交付对象和使用场景
STEP 03梳理范围区分本期、非本期、前置依赖和边界
STEP 04补齐规则角色、状态、数据口径、异常和权限
STEP 05形成 PRD功能架构、节点规格、流程和验收场景
STEP 06持续回写后续变更继续更新同一份主文档
02
包含的能力
覆盖需求输入、结构设计和下游协作三个关键环节。
多来源材料统一梳理
把对话、会议纪要、截图和旧文档中的有效信息合并，保留来源、冲突和待确认项。
形成可执行的详细 PRD
覆盖目标、范围、功能架构、页面节点、角色权限、业务规则、异常和验收场景。
为 AI 提供清晰输入
减少口径缺失和隐含假设，便于后续原型设计、研发拆解、测试设计和文档维护。
03
怎么使用
提交已有材料并说明目标即可；关键信息缺失时，AI 会集中确认。
推荐对 AI 这样说
使用 $prd-outputs，根据这些需求材料梳理并完善一份详细 PRD。
“帮我梳理这次需求并输出详细 PRD”“把这些会议纪要和截图收敛进主 PRD”“根据最新反馈更新原来的 PRD”
使用步骤
- 提供材料发送需求、文档、截图或旧 PRD。
- 补充关键缺口确认权限、状态、数据口径等高风险问题。
- 获取主 PRD按章节审阅目标、范围、规则和验收内容。
- 持续更新后续变化继续回写同一份文档。
ZartUI 高保真界面生产
原型设计
读取 PRD 或页面需求，判断 Web 或移动端，按 ZartUI UI 样式规范生成可交互高保真原型。布局、字号、色彩、组件状态和交互细节均按对应范式实现，提升页面还原度。
麒舰主系统子系统Web移动端UI 样式规范高还原度
01
内部流程怎么走
根据需求确认端别和 Web 导航风格，按需读取范式，完成页面后由 AI 启动 localhost 做基准尺寸与核心流程验证。
STEP 01读取需求PRD、页面说明、截图或线框笔记
STEP 02判断端别识别 Web 或移动端，无法判断时确认
STEP 03确认风格Web 选择麒舰主系统或子系统
STEP 04读取范式按页面类型读取布局和组件规范
STEP 05构建交互完成页面、状态、弹窗和抽屉
STEP 06本地验证AI 启动 localhost 检查基准尺寸和核心流程
STEP 07交付原型输出资源内嵌的单 HTML 高保真原型
02
功能亮点
覆盖平台级 Web、独立子系统和移动业务三种常见原型形态。
麒舰主系统风格
用于平台级主系统，呈现系统级顶部导航、角色或部门切换、业务工作台和高密度信息布局。
- 平台级导航
- 角色切换
- 多业务栏目
- 统一视觉规范
子系统风格
用于独立业务系统，使用子系统顶栏、左侧菜单、页签和业务内容区，保持清晰的信息层级。
- 子系统顶栏
- 侧边导航
- 业务页签
- 列表与卡片
完整移动端页面与触控交互
按移动端范式实现 Navbar、Tabs、Tabbar、Bottom Sheet、Dialog、固定操作区和安全区适配。
- 触控操作
- 底部弹层
- 固定操作区
- 安全区
03
怎么使用
提交 PRD 或页面需求即可。能识别端别和 Web 导航风格时会直接生成；无法判断时再确认。
推荐对 AI 这样说
使用 $zartui-high-fidelity-prototype，根据这份 PRD 生成符合 ZartUI 规范的高保真原型。
“按麒舰主系统风格生成 Web 原型”“生成子系统风格的高保真原型”“根据这份 PRD 设计移动端高保真原型”
使用步骤
- 提供需求发送 PRD、页面说明、截图或线框笔记。
- 确认端别无法判断 Web 或移动端时补充确认。
- 确认 Web 风格选择麒舰主系统或子系统。
- 查看原型打开生成结果并反馈需要调整的页面。
原型说明、功能点标注与本地编辑
原型标注
在已有单 HTML 原型上生成业务功能点标注和全局原型说明，并提供双端查看、localhost 可视化编辑和修改写回能力。标注完成后，原型可直接用于分享和评审。
Web 浮动标注Web 三栏审阅移动端双呈现原型说明localhost 编辑跨页定位
01
内部流程怎么走
先识别页面和弹层结构，再生成业务标注和必要的原型说明；需要人工调整时，由 AI 启动本地编辑服务。
STEP 01读取原型与需求分析 HTML、PRD、页面和业务规则
STEP 02识别作用域页面、Tab、抽屉、弹窗和移动端弹层
STEP 03生成内容形成必要的原型说明和功能点标注
STEP 04注入框架按 Web 或移动端使用对应展示模式
STEP 05localhost 编辑用户在本地三栏工作台增删改并提交
STEP 06应用修改AI 获取本轮变更并写回原 HTML
02
功能亮点
Web 和移动端都保留业务画面，并通过原型说明、标注卡片和圆点建立对应关系。
localhost 三栏标注编辑工作台
用户提出“进入标注编辑模式”后，AI 在可用端口启动本地服务。左侧维护原型说明，中间定位业务页面，右侧新增、编辑、删除和筛选标注。
- 原型说明增删改
- 标注富文本编辑
- 拖动圆点
- 当前页面与全部页面
- 跨页与弹层定位
移动端查看与编辑保持业务画面完整
PC 查看时采用原型说明、手机画板、当前标注三栏；手机查看时使用可拖动入口和 Bottom Sheet 详情。进入编辑模式后，使用同一套 localhost 工作台管理标注。
- 固定手机画板
- 页面与弹层作用域
- PC 三栏
- 手机 Bottom Sheet
- 自动定位
浮动标注与三栏审阅
浮动模式适合直接操作业务页面；三栏模式常驻原型说明和当前页面标注，两侧可调宽或收起。
Markdown 富内容标注
支持标题、列表、表格、链接、代码块、Base64 图片和 Mermaid 流程图。
提交后更新原型 HTML
用户完成本轮编辑后回到 AI 对话告知应用修改，AI 获取变更并写回唯一对应的原型文件。
03
怎么使用
添加标注时提供 HTML 和需求材料；需要调整时直接说“进入标注编辑模式”。
推荐对 AI 这样说
使用 $zartui-prototype-annotation，为这个单 HTML 原型根据 PRD 添加业务标注和原型说明。
“给这个 HTML 添加业务标注和原型说明”“进入标注编辑模式”“应用我刚才提交的标注修改”
使用步骤
- 提供原型指定单 HTML，并提供 PRD 或业务说明。
- 生成并查看AI 自动加入原型说明与关键业务标注。
- 启动 localhostAI 选择可用端口并打开本地三栏编辑工作台。
- 提交修改在工作台完成增删改并提交本轮内容。
- 通知 AI 写回回到对话告知应用修改，原 HTML 随后更新。
平台级顶部导航、角色切换和统一工作区。