SuperAPI AI Directory
Partner中文AI newsFavorites
Skillsprd-writer

prd-writer

General & other

View repository

Updated 10-16 07:23

About this skill

PRD Writer

Product Requirements Document writing + prototype generation workflow.

Workflow

Phase 1: Requirements Gathering

Organize user input (meeting notes/requirements description) into a structured format:

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

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

Admin-side features

  • 🟢 P2 Feature name: feature description

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

详细 prompt 模板见 [references/prompts.md](references/prompts.md)

### 阶段2：Feature List

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

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

### 阶段3：PRD 文档

使用 [references/prd-template.md](references/prd-template.md) 生成完整 PRD。

### 阶段4：原型生成

#### Step 1: 生成设计系统

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

Example:

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: Fetch detailed design data as needed

# 配色方案
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

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

Step 3: Generate HTML prototype

Based on the design system output, generate a single-file HTML (Tailwind CSS + vanilla JS).

See technical specifications at references/prototype-guide.md

Phase 5: Deployment (optional)

Cloudflare Pages deployment (accessible in China):

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

See details at references/cloudflare-deploy.md

Quality Check

After completion, review from four roles; see details at references/quality-checklist.md：

  1. Technical Lead: implementation difficulty, performance, security
  2. Picky User: ease of operation, process rationality
  3. Operations Lead: data analysis, marketing promotion
  4. Test Engineer: exceptional scenarios, boundary issues

Output Files

  • feature_list.md - Feature list
  • PRD.md - Complete requirements document
  • design-system/ - Design system
  • prototype.html - Interactive prototype