产品看板原型设计Skill-说明.md 产品（看板）原型设计 Skill · 使用说明 中文名称：产品（看板）原型设计 Skill 英文名称：Product Board Prototype Designer 版本：v1.0.0 类型：用户级 Skill（~/.workbuddy/skills/product-board-prototype-designer） 一句话定位：把散落的产品数据，一键变成领导一眼看懂的单文件 HTML 看板原型。 一、它解决什么问题 你电脑里沉淀了大量与「产研管理看板」相关的产物：Excel 产品供给表、Python 生成脚本、各种 HTML 原型、规范文档、提示词库……但它们分散、风格不一、复用成本高。 本 Skill 把这些资产合并提炼成一套可复用的方法论 + 工具链： 输入：产品清单 / Excel / JSON / 调研 Markdown 输出：单文件 HTML 看板原型（双击即开、可分享、无需部署） 覆盖 7 类页型：总览驾驶舱、产品卡片矩阵、研发进度、路线图、治理一张图、机制一张图、能力树 二、适用场景 把产品清单 / 调研结果做成可视化看板 输出单文件 HTML 演示原型（大屏汇报 / 打印查阅） 设计产品卡片规范（在售 / 在研 / Roadmap 三类模板） 把「完成度百分比」改造为「研发阶段状态跟踪」 做产品线治理一张图、决策机制一张图、Agent 能力树 把多个看板合并为一份宽屏汇报演示 关键词触发：产品看板、管理看板、产品矩阵、看板原型、看板优化、roadmap、一张图、能力树、产品演示页。 三、文件结构（包内 10 个文件） product-board-prototype-designer/ ├── SKILL.md # 主入口：工作流、硬主张、规范速查、资源索引 ├── assets/ │ ├── theme.css # 双主题设计系统（深色科技 / 浅色精致） │ └── dashboard-template.html # 单文件看板骨架，替换 DATA 即可用 ├── references/ │ ├── design-system.md # 完整设计令牌、字号阶梯、组件清单 │ ├── card-spec.md # 在售/在研/Roadmap 三类卡片字段规范 │ ├── page-patterns.md # 7 类页型结构模板与代码骨架 │ ├── build-workflow.md # 7 阶段构建路径 + 实施提示词库 │ └── data-schema.md # Excel/JSON 字段约定与清洗规则 └── scripts/ ├── build_dashboard.py # Excel/JSON → 单文件 HTML 生成器 └── merge_boards.py # 多看板合并为宽屏汇报演示 四、安装方式 方式 A · 解压安装包（推荐给同事分发） 拿到 product-board-prototype-designer-v1.0.0.zip 解压到： 用户级：~/.workbuddy/skills/（对所有项目生效） 或项目级：<项目>/.workbuddy/skills/（团队共享） 解压后目录应为 skills/product-board-prototype-designer/SKILL.md，WorkBuddy 重启后自动识别。 方式 B · 直接用已安装版本 当前环境已安装到 ~/.workbuddy/skills/product-board-prototype-designer，直接对话调用即可（例如："帮我用产品看板原型设计一个低空产品矩阵"）。 五、快速上手 路径 A · 脚本生成（数据量 >15 条，推荐） # 依赖：pip install openpyxl（仅读 .xlsx 时需要） python scripts/build_dashboard.py \ --input 产品数据.xlsx \ --output 看板.html \ --title "产研管理看板" \ --pages overview,catalog,progress --input：.xlsx（自动识别「产品」「需求」sheet）或 .json --pages：启用页型，逗号分隔（省略=三 Tab 全开） 缺失字段自动渲染为「待补」，并在页脚输出字段完整度统计 路径 B · 直接手写（数据量小 / 想精修） 以 assets/dashboard-template.html 为骨架，把数据内联进 const DATA = {...}，改标题和 Tab 即可，无需任何依赖。 合并多个看板（汇报前整合）

python scripts/build_dashboard.py --input 产品数据.xlsx --output 看板.html --title "产研管理看板" --pages overview,catalog,progress

需求定义 → 立项 → 设计 → 开发 → 测试 → 发布 → 迭代

平台软件 · 应用软件 · 在线服务 · 数据产品 · 整机装备

α 内测 → β 公测 → GA 正式发布

P0 核心能力（版本关键内容）— 置顶 + 红色强调
P1 重要需求（缺失有影响）
P2 一般需求（配件类）

基本信息 | 迭代进度 | 团队产出 | 需求细节