mcpField
P
prd-writer

prd-writer

github.com/springhalu0319文档处理536 次安装34 周前更新
代码仓库

关于 prd-writer

将用户输入整理为功能清单和 PRD，并进一步生成设计系统与可交互 HTML 原型的工作流技能，适用于产品需求规划和原型交付。

主要功能

  1. 01整理需求并标注优先级
  2. 02按模块组织功能清单
  3. 03生成完整 PRD
  4. 04创建设计系统和 HTML 原型
  5. 05从四种角色视角检查质量

适用场景

  1. 01将会议记录整理为结构化需求
  2. 02编写 PRD 和模块化功能清单
  3. 03为产品构想制作可交互原型

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/springhalu0319/prd-writer-skill --skill prd-writer

安装后在 Claude Code 中输入/prd-writer确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

.gitignore
README.md
references/
cloudflare-deploy.md
feature-list-template.md
prd-template.md
prompts.md
prototype-guide.md
quality-checklist.md
scripts/ui-ux-pro-max/
core.py
scripts/ui-ux-pro-max/data/
charts.csv
colors.csv
icons.csv
landing.csv
products.csv
react-performance.csv
styles.csv
typography.csv
scripts/ui-ux-pro-max/data/stacks/
astro.csv
flutter.csv
html-tailwind.csv
jetpack-compose.csv
nextjs.csv
nuxt-ui.csv
nuxtjs.csv
react-native.csv
react.csv
shadcn.csv
svelte.csv
swiftui.csv
vue.csv

详细介绍

来自项目 README

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 - 可交互原型

评论

支持 Markdown