在 kickoff 之前，先让想法能点击
描述流程，agent 渲染出真实可点击的原型，你今天就能摆到干系人面前——让评审讨论的是实物，而不是文档里的一段话。
一句话
Open Design 给 PM 一个不依赖设计的方式把想法做实：prompt 出原型用于对齐和 brief，不花团队的设计预算。
产品经理怎么用 Open Design
- 01
描述流程
用大白话写用户旅程——屏幕、状态、happy path。不用线框工具。
- 02
拿到可点击原型
agent 渲染出能真点击的可导航屏幕——给干系人评审，比一张幻灯片或一篇文档清楚得多。
- 03
对齐并交接
分享链接，对着实物收集反馈，再把原型交给设计/工程，作为精确、共享的起点。
PM 能摆到人前的东西
原型 查看完整提示词 → 产品规格文档
单页产品规格文档/PRD——包含问题定义、成功指标、范围、用户故事、设计笔记、上线计划、待解决问题。适用于需求文档、产品规格、功能说明等场景。
原型 查看完整提示词 → 团队 OKR
OKR 跟踪页面——季度横幅，三个目标及其关键结果进度条、负责人头像、状态标签，以及「本季度概览」侧边栏。当需求提及 OKR、关键结果、目标时使用。
演示文稿 查看完整提示词 → 简易幻灯片
单文件横向滑动 HTML 幻灯片。复制种子文件 assets/template.html（内含经过验证的 5 行 iframe 导航脚本）并粘贴 references/layouts.md 中的幻灯片布局即可。适用于路演、产品介绍、学习资料等场景——当你不需要 magazine-web-ppt 的杂志风格时。
原型 查看完整提示词 → iPhone × MacBook 立体展架
iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图
演示文稿 查看完整提示词 → 周报更新
单文件横向滑动幻灯片，用于团队周报展示——已完成、进行中、受阻、数据指标、需求。6-8 页幻灯片。适用于需要「周报」「团队汇报」「周报演示」等场景。
原型 查看完整提示词 → 会议纪要
会议记录页面——包含与会者标题栏、议程清单、决策事项区块、带负责人和日期的行动项表格，以及'下次会议'页脚。适用于需要'会议纪要'、'会议记录'、'1:1 笔记'、'全员会议总结'或'minutes'的场景。
PM 用 Open Design vs. 等设计
| 你需要什么 | 用 Open Design | 今天没有它 |
|---|---|---|
| 把想法做实 | ●自己 prompt → 可点击原型 | 开设计 ticket 等排期 |
| 对齐干系人 | ●他们点击真实流程 | 他们读文档、各自脑补 |
| 给团队做 brief | ●一个具体原型当规格 | 一堵文字墙加反复来回 |
| 开发前迭代 | ●一句 prompt 改完、再分享 | 又一轮设计排队 |
| 成本 | ●开源、在你本来就用的 agent 里 | 设计工时花在用完即弃的概念上 |
从描述渲染出的可点击流程，可直接用于干系人评审。挑一个接近你想法的，描述它。
产品经理常见问题
-
01 我不会设计，这适合我吗？
适合。你用文字描述流程，agent 让它可点击。它是用来沟通和对齐的，不需要设计工具。
-
02 是真原型还是 mockup？
真实可点击——导航和状态都能用，干系人对着真实体验给反应。
-
03 它取代设计吗？
不——它给设计和工程一个精确、共享的起点，而不是文字规格，并把设计精力留给真正需要的地方。
-
04 可以用哪些 agent？
Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配，自带 provider 密钥。
今晚就让你的想法能点击
给 repo 点个 star、装上 Open Design，把下一份规格变成人能点击的东西——在你本来就用的 agent 里。