PRD Writer Skill 撰写产品需求文档(PRD) + 生成可交互原型

​

🎈

功能​

•

📋 从会议记录/需求描述提取结构化需求​

•

📝 生成完整的 PRD 文档（Markdown 格式）​

•

🎨 集成 UI-UX-Pro-Max 设计系统​

•

🖥️ 生成单文件 HTML 可交互原型​

•

🚀 支持 Cloudflare Pages 一键部署​

​

安装​

​

代码块​

Plain Text

clawhub install prd-writer​

​

或手动克隆到你的 skills 目录：​

​

代码块​

Plain Text

git clone https://github.com/FinStep-AI/prd-writer-skill.git ~/clawd/skills/prd-writer​

​

触发条件​

当用户提到以下关键词时自动触发：​

•

"需求文档"、"PRD"、"产品需求"、"写需求"​

•

"原型"、"feature list"​

目录结构​

​

🎈

prd-writer/​

├── SKILL.md # 技能主文件​

├── references/ # 参考文档​

│ ├── prd-template.md # PRD 模板​

│ ├── feature-list-template.md​

│ ├── prototype-guide.md # 原型生成指南​

│ ├── quality-checklist.md # 质量检查清单​

│ └── ...​

└── scripts/ # 可执行脚本​

└── ui-ux-pro-max/ # 设计系统搜索引擎​

├── search.py # 主入口​

└── data/ # 设计数据 CSV​

​

使用示例​

用户: 帮我写一个电商小程序的 PRD​

​

代码块​

Plain Text

Agent: [自动触发 prd-writer 技能]​

1. 采集需求​

2. 生成 Feature List​

3. 生成 PRD 文档​

4. 生成设计系统​

5. 生成 HTML 原型​

​

设计系统搜索​

​

代码块​

Plain Text

生成完整设计系统推荐​

python3 scripts/ui-ux-pro-max/search.py "SaaS dashboard" --design-system -p "项目名"​

​

​

部署到 Cloudflare Pages​

原型生成后可一键部署到 Cloudflare Pages（国内可访问、免费、自动 HTTPS）。​

创建 API Token​

访问 https://dash.cloudflare.com/profile/api-tokens → Create Token → Custom Token，配置以下权限：​

​

​

同时在 Dashboard 右侧边栏复制你的 Account ID。​

详细部署步骤见 references/cloudflare-deploy.md​