在 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 的雜誌風格時。
原型 閱讀完整提示 → 裝置 3D 展示
靜態 iPhone 和 MacBook 3D 風格展示，支援在螢幕上嵌入真實 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 金鑰。
今晚就讓你的想法能點擊
給儲存庫點個 star、裝上 Open Design，把下一份規格變成人能點擊的東西——在你本來就用的 agent 裡。