360 Secure SkillHub
360 安全技能中心

Product Design Workflow

该 Skill 编排一条每日产品设计流水线:按市场行情、A股、基金三个主题生成3个产品点子(1个小白向、2个普通向),再产出 PRD 文档与 HTML 原型,随后上传到用户指定服务器并分步骤汇报;包内提供点子/PRD 模板与内容规范、规则检查与上传脚本,需用户自备服务器配置、登录凭据、汇报群ID 与预览域名。

hoovaycn
hoovaycn
热度 48.88
最近更新 2026-05-11 17:47:47
分类:创作依赖:代码执行 / 读写文件应用场景:UI 原型 / 工作流 / 报告撰写 / 日程安排 ...

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add product-design-workflow
Metadata
name
product-design-workflow
description
完整的产品设计全流程(含每日定时任务+汇报机制): 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开始) 使用场景:快速产品设计、产品创意头脑风暴、原型制作发布、每日产品提案生成

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

完整的产品设计全流程:定时任务 → 头脑风暴 → 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:任务开始前的准备

  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.md 和 references/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