前言¶

產品想法往往先落在聊天記錄或口頭描述裏，研發側卻要一份能評審的 PRD，設計側還要能點開的交互稿。自己從零搭 PRD 結構、再單獨做 mockup，重複勞動多，版本也容易對不齊。下面介紹 SkillHub 上的 PRD+原型生成（@user_e40f1c95/prd-v3）：在 Agent 裏按固定流程先澄清需求、選定 PRD 風格，再輸出 Markdown 需求文檔和單文件 HTML 原型，並支持在已有產物上做增量修改。

這是什麼¶

PRD+原型生成 是社區發佈的 Agent Skill（版本 1.0.1，分類 business-ops，發佈者 user_e40f1c95）。它根據你的需求描述生成軟件產品需求文檔（PRD）和可交互原型（HTML）。標籤 requires_api_key=false，不依賴額外 API Key。

當用戶要撰寫 PRD、做軟件原型、交互 demo、App mockup，或話裏出現「需求文檔」「PRD」「原型」「prototype」「demo」「mockup」等組合訴求時，Skill 說明建議啓用本 Skill。項目規模不同時，可在傳統完整 PRD 與敏捷/精簡 PRD 之間切換。

SkillHub 頁面：https://www.skillhub.cn/skills/user_e40f1c95/prd-v3
資源座標：@user_e40f1c95/prd-v3

核心功能¶

經覈對 Skill 包內 SKILL.md 與商店檢索結果，已覈實能力如下。

端到端工作流¶

整體路徑爲：需求輸入 → 需求澄清 → 選擇 PRD 風格 → 生成 PRD → 生成原型 → 迭代優化。

需求澄清¶

需求已寫清目標用戶、核心功能與場景時，可直接選 PRD 風格。若描述模糊，Skill 會少量追問（每次約 2～3 個問題），例如產品類型（App / 後臺 / 官網 / 小程序 / H5）、目標用戶、要解決的問題、參考競品等；並優先從原文推斷，避免審問式溝通。

兩種 PRD 風格¶

• 傳統完整 PRD：適合全新產品、大版本、多團隊協作與正式評審，覆蓋背景、目標、功能詳述、流程、非功能需求、埋點、風險等。
• 敏捷精簡 PRD：適合小功能迭代、MVP、單團隊，以用戶故事與驗收標準爲主。

判斷上，「做個 XX 功能」傾向敏捷；「設計完整 XX 系統/產品」傾向傳統；不確定時向用戶確認。

PRD 產出¶

生成前會讀取 assets/ 下對應模板（prd-traditional-template.md 或 prd-agile-template.md）以及 references/prd-writing-guide.md。輸出爲 Markdown，默認文件名形如 PRD-[產品名稱]-[日期].md，寫入當前工作區。寫作要求包括用戶視角、邊界狀態（空/錯/加載等）、P0/P1/P2 優先級、可量化目標等。

HTML 交互原型¶

PRD 確認後，按 references/prototype-guide.md 生成原型：移動端常用 375px 居中寬，後臺全寬（最小約 1200px），網站可自適應。每頁需覆蓋默認、加載、空態、錯誤、危險操作確認等狀態；使用真實中文文案；單 HTML 內聯 CSS/JS，原生 JavaScript、CSS 變量主題，實現 Tab、篩選、彈窗、Toast、表單校驗等關鍵交互。文件命名形如 prototype-[產品名稱].html。

迭代與版本說明¶

迭代強調增量修改（在已有 HTML/PRD 上局部改），避免整文件重寫；僅當方向或技術棧大變時才考慮重做。商店簡介中 v1.0.1 註明：增加批量更新，減少 token 消耗量。

安裝與啓用¶

安裝 SkillHub CLI¶

若尚未安裝，可先檢查版本：

command -v skillhub && skillhub --version

未安裝時可按官方安裝文檔執行（完整安裝示例）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

說明見：https://skillhub.cn/install/skillhub.md

安裝本 Skill¶

安裝時必須用 --dir 指向當前 Agent 的 skills 目錄，否則默認落在 ./skills/ 可能無法被識別。

skillhub install prd-v3 --namespace user_e40f1c95 --dir <你的 skills 目錄>

常見 skills 目錄（以官方安裝文檔爲準）：

• Cursor：~/.cursor/skills/
• Codex：~/.codex/skills/ 或項目下的 .agents/skills/
• Claude Code：~/.claude/skills/

也可在對話中讓 Agent 按 https://skillhub.cn/install/skillhub.md 安裝 @user_e40f1c95/prd-v3（SkillHub 頁面提供的提示方式）。

安裝完成後，按你所用客戶端要求重啓或刷新 Agent，使 Skill 生效。

典型用法¶

Skill 通過自然語言觸發，無需單獨 CLI 子命令。下面示例與 SKILL.md 工作流一致，可在啓用 Skill 後直接復現。

示例 1：小功能迭代（敏捷 PRD + 原型）

我想給現有 App 加一個「每日簽到」功能：連續簽到有積分獎勵，需要 PRD 和可點的 H5 原型，375 寬。

Agent 應走澄清（若信息足夠則跳過）→ 選敏捷模板 → 寫出 PRD-...md → 再生成 prototype-....html。

示例 2：完整產品（傳統 PRD）

設計一個完整的內部工單管理系統，多角色協作，需要正式評審用的 PRD，後臺全寬佈局的原型。

傾向傳統 PRD 模板與後臺全寬原型規範。

示例 3：迭代

把原型裏列表頁的空狀態文案改成「暫無工單」，並補一個刪除工單的確認彈窗，不要整頁重做。

對應 Skill 第五階段的增量修改原則。

適用場景與注意¶

適合誰：產品經理、獨立開發者、需要在對話裏快速對齊「文檔 + 可演示頁面」的小團隊；不想手搭 PRD 章節結構或從零寫交互 HTML 時。

限制與注意：

• 產物質量依賴需求描述與模型能力；模糊需求會觸發追問，但仍需你確認業務細節。
• PRD 與原型保存在當前工作區，路徑與權限由你的項目環境決定。
• SkillHub 統計（以預抓取資料爲準）：評分 100000，下載 1241，安裝計數 0；與頁面實時數據若有出入以 SkillHub 爲準。
• https://api.skillhub.cn/user_e40f1c95/prd-v3 對普通 GET 可能返回 405，瀏覽與安裝以 SkillHub 站點與 skillhub CLI 爲準。

結尾¶

PRD+原型生成 把「寫需求」和「做可點原型」綁在同一套 Agent 流程裏，並區分傳統與敏捷 PRD、單文件 HTML 交付與增量迭代。若你經常在 PRD 與 demo 之間來回對齊，可以按上文安裝到對應 skills 目錄後，用需求描述直接驅動生成。

官方頁面：https://www.skillhub.cn/skills/user_e40f1c95/prd-v3