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开始) 使用场景:快速产品设计、产品创意头脑风暴、原型制作发布、每日产品提案生成

Audits

Pass

Install

openclaw skills install product-design-workflow

产品设计工作流(完整流程版)

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


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

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

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

参数名说明是否必填示例
server-host服务器IP地址✅ 必填192.168.****
server-user服务器用户名✅ 必填*****
server-pass服务器密码✅ 必填your-password
server-path服务器上Demo存放路径✅ 必填/www/wwwroot/demo/
preview-domainDemo预览域名✅ 必填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:任务开始前的准备

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

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


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

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

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


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

  1. 为每个点子生成详细的PRD文档
  2. 文档保存为:YYYY-MM-DD-[slug]/product-design.md
  3. 内容参考 references/prd-template.mdreferences/prd-design-spec.md
  4. 为每个点子选择合适的HTML模板:
    模板名称适用场景
    base.html简单单页、活动页、说明页
    list-template.html列表页、卡片列表、榜单类页面
    detail-template.html详情页、文章页、分析报告页
    tool-template.html工具页、计算器、查询类功能页
  5. PRD完成后,立即汇报!

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


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

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

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


📁 完整目录结构(执行后生成)

./
├── 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后必须运行!

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

upload_demos.py

上传Demo到服务器(所有参数必填):

python scripts/upload_demos.py \
    --date 2026-05-07 \
    --slugs slug1 slug2 slug3 \
    --server-host 192.168.**** \
    --server-user ***** \
    --server-pass your-password \
    --server-path /www/wwwroot/demo/ \
    --preview-domain http://demo.yourdomain.com

📚 参考文档(必须阅读!)

  • references/idea-template.md:点子模板
  • references/prd-template.md:PRD模板
  • references/idea-content-spec.md:点子内容规范
  • references/prd-design-spec.md:PRD设计规范
  • references/report-template-spec.md:汇报文案模板
  • references/step-by-step-report-spec.md:分步骤汇报流程规范

⚠️ 前置依赖(用户需要安装)

需要安装 sshpass 工具(用于免密SSH/SCP):

  • Ubuntu/Debian:sudo apt install sshpass
  • CentOS/RHEL:sudo yum install sshpass