prd-writer

name	prd-writer
description	撰写产品需求文档(PRD)并生成可交互原型。触发条件：用户提到"需求文档"、"PRD"、"产品需求"、"写需求"、"原型"、"feature list"等关键词。集成 UI-UX-Pro-Max 设计系统，支持 Cloudflare Pages 部署。

PRD Writer

产品需求文档撰写 + 原型生成工作流。

工作流程

阶段1：需求采集

整理用户输入（会议记录/需求描述）为结构化格式：

## 核心业务流程
- 🔴 P0 功能名称：功能描述

## 用户端功能  
- 🟡 P1 功能名称：功能描述

## 管理端功能
- 🟢 P2 功能名称：功能描述

优先级：🔴 P0（必须）/ 🟡 P1（重要）/ 🟢 P2（优化）

详细 prompt 模板见 references/prompts.md

阶段2：Feature List

按模块组织功能表格，使用 references/feature-list-template.md

完整性检查：主动指出缺失环节（如有"加购物车"但没"购物车编辑"）

阶段3：PRD 文档

使用 references/prd-template.md 生成完整 PRD。

阶段4：原型生成

Step 1: 生成设计系统

python3 scripts/ui-ux-pro-max/search.py "<产品类型> <风格>" --design-system -p "项目名"

示例：

python3 scripts/ui-ux-pro-max/search.py "travel mobile app" --design-system -p "旅行App"
python3 scripts/ui-ux-pro-max/search.py "SaaS dashboard" --design-system -p "分析平台"

Step 2: 按需获取详细设计数据

# 配色方案
python3 scripts/ui-ux-pro-max/search.py "modern elegant" --domain color

# 字体配对
python3 scripts/ui-ux-pro-max/search.py "professional" --domain typography

# UX 准则
python3 scripts/ui-ux-pro-max/search.py "mobile form" --domain ux

# 技术栈指南
python3 scripts/ui-ux-pro-max/search.py "responsive" --stack html-tailwind

可用 domain: style, color, typography, ux, product, landing, chart 可用 stack: html-tailwind, react, nextjs, vue, svelte, shadcn, swiftui, react-native, flutter

Step 3: 生成 HTML 原型

基于设计系统输出，生成单文件 HTML（Tailwind CSS + 原生 JS）。

技术规格见 references/prototype-guide.md

阶段5：部署（可选）

Cloudflare Pages 部署（国内可访问）：

cd prototype && wrangler pages deploy . --project-name=your-project

详见 references/cloudflare-deploy.md

质量检查

完成后以四角色审视，详见 references/quality-checklist.md：

1. 技术负责人：实现难度、性能、安全
2. 挑剔用户：操作便捷性、流程合理性
3. 运营负责人：数据分析、营销推广
4. 测试工程师：异常场景、边界问题

输出文件

• feature_list.md - 功能清单
• PRD.md - 完整需求文档
• design-system/ - 设计系统
• prototype.html - 可交互原型