Product Design Workflow

完整的产品设计全流程（含每日定时任务+汇报机制）： 1. 每日定时生成3个产品idea（按市场行情/A股/基金主题，1个小白向+2个普通向） 2. 生成PRD产品设计文档 3. 制作HTML原型页面 4. 上传到服务器 5. 分步骤汇报到指定群【需要用户提供的参数】： - 服务器配置：server-host, server-user, server-pass, server-path, preview-domain - 汇报群ID：target-group-id - 每日定时时间：schedule-time（默认08:50开始）使用场景：快速产品设计、产品创意头脑风暴、原型制作发布、每日产品提案生成

hoovaycn@hoovaycn

Install

openclaw skills install @hoovaycn/product-design-workflow

产品设计工作流（完整流程版）

完整的产品设计全流程：定时任务 → 头脑风暴 → PRD文档 → HTML原型 → 上传服务器 → 分步骤汇报

🚨 必须先看！其他agent操作指南

第一步：确认用户已提供所有必要参数

在开始执行任何任务前，必须先确认用户已提供以下所有参数：

参数名	说明	是否必填	示例
`server-host`	服务器IP地址	✅ 必填	`192.168.****`
`server-user`	服务器用户名	✅ 必填	`*****`
`server-pass`	服务器密码	✅ 必填	`your-password`
`server-path`	服务器上Demo存放路径	✅ 必填	`/www/wwwroot/demo/`
`preview-domain`	Demo预览域名	✅ 必填	`http://demo.yourdomain.com`
`target-group-id`	汇报群ID（飞书等）	✅ 必填	`oc_b5b****7498`
`schedule-time`	每日定时开始时间	⚠️ 可选（默认08:50）	`08:50`
`work-dir`	工作目录	⚠️ 可选（默认当前目录）	`./`

如果用户未提供任何必填参数，必须先询问用户，不要直接开始执行！

第二步：完整工作流程（严格遵守）

时间（默认）	任务	输出	汇报内容
08:50	生成3个头脑风暴点子	每个点子对应目录+idea.md	【步骤1/3】Idea生成汇报
08:55	生成PRD产品设计文档	每个点子对应product-design.md	【步骤2/3】PRD生成汇报
09:10	制作HTML Demo+上传服务器	Demo页面+上线URL	【步骤3/3】Demo上线汇报

🛑 强制规则（违反必究！）

1. 每日3个点子的方向规则

主题覆盖要求：每日生成的3个点子必须固定覆盖以下三个主题方向：

第1个点子：市场行情方向（C端用户向）
第2个点子：A股方向（C端用户向）
第3个点子：基金方向（C端用户向）

受众配比要求：3个点子的受众配比必须为：

1个：Z世代小白向（绝对通俗易懂，禁止专业术语）
2个：普通正常向（无需特别小白，正常表达即可）

标签规范：每个点子的idea.md头部必须包含正确的标签：

格式：**标签**: [市场行情/A股/基金] · [小白向/普通向]
示例：**标签**: 市场行情 · 小白向

内容红线：

❌ 禁止出现加密货币相关内容
❌ 小白向内容绝对通俗易懂，禁止专业术语
✅ 所有点子从用户需求出发，不纠结技术实现难度
✅ 都是C端面向普通用户的，不是B端企业服务

📋 分步骤执行指南（其他agent必须严格按照这个来！）

步骤0：任务开始前的准备

确认在正确的工作目录
确认所有必填参数已获取
先向用户/群说明总目标：

「我现在开始执行[任务名称，比如：每日产品设计全流程]，按照规范分3步完成，每步完成后立即汇报。」

步骤1：生成3个头脑风暴点子

按照「强制规则」生成3个点子
每个点子创建单独目录：YYYY-MM-DD-[slug]/
在每个目录下创建idea.md，内容参考 references/idea-template.md
运行 scripts/rules-check.py 检查规则是否符合
检查通过后，立即汇报！

汇报模板：参考 references/step-by-step-report-spec.md 中的「第一次汇报模板」

步骤2：生成PRD产品设计文档

为每个点子生成详细的PRD文档
文档保存为：YYYY-MM-DD-[slug]/product-design.md
内容参考 references/prd-template.md 和 references/prd-design-spec.md

为每个点子选择合适的HTML模板：

模板名称	适用场景
`base.html`	简单单页、活动页、说明页
`list-template.html`	列表页、卡片列表、榜单类页面
`detail-template.html`	详情页、文章页、分析报告页
`tool-template.html`	工具页、计算器、查询类功能页

PRD完成后，立即汇报！

汇报模板：参考 references/step-by-step-report-spec.md 中的「第二次汇报模板」

步骤3：制作HTML Demo+上传服务器

按照PRD和选择的HTML模板，制作Demo页面
Demo保存到：YYYY-MM-DD-[slug]/demo/
运行 scripts/upload_demos.py 上传到服务器
上传成功后，立即汇报！

汇报模板：参考 references/step-by-step-report-spec.md 中的「第三次汇报模板」

📁 完整目录结构（执行后生成）

text

./
├── ideas/
│   └── YYYY-MM-DD-[slug1]/
│       ├── idea.md
│       ├── product-design.md
│       └── demo/
│           ├── index.html
│           └── assets/
├── YYYY-MM-DD-[slug2]/...
└── YYYY-MM-DD-[slug3]/...

🔧 脚本使用说明

rules-check.py

强制使用：每次生成idea后必须运行！

bash

python scripts/rules-check.py [YYYY-MM-DD]

upload_demos.py

上传Demo到服务器（所有参数必填）：