前言¶

寫 PRD 常見的問題是：文字寫完，交互說不清。開發看着文字猜，業務方要看實際效果，評審會上沒有原型只能靠想像。這個 Skill 把一句話需求變成「能點、能演示」的 PRD 原型：文字 PRD 加單文件 HTML，交互效果清晰直觀，業務一看就懂。下面介紹它的定位、能力和用法。

這是什麼¶

• Skill 名稱：PRD + 可交互原型製作
• 座標：@user_69ae75af/prd-html-prototype
• 版本：1.4.0
• 來源：community
• 分類：office-efficiency
• 發佈者：user_69ae75af
• 官方地址：https://api.skillhub.cn/user_69ae75af/prd-html-prototype

它解決什麼問題：需求方給一句話想法，你需要產出的不只是文檔，還有能點、能演示的原型。這個 Skill 按內置方法論自動補全需求缺口，自動生成交互說明，輸出文字 PRD 和單文件 HTML，支持本地零門檻預覽，也能發佈分享給同事在線查看。

核心功能¶

1、文字 PRD + 單文件 HTML：輸出物同時包含文字文檔和一份獨立的 HTML 原型文件，方便交付和歸檔。

2、交互效果清晰直觀：原型裏的交互效果可直接操作，業務方不需要讀文檔就能理解流程。

3、本地零門檻預覽：HTML 文件生成後在本地打開即可預覽，不需要額外搭建環境。

4、一鍵發佈分享：支持把原型發佈爲在線鏈接，分享給同事查看。

5、內置方法論補全缺口：輸入只有一句話時，按內置方法論補全缺失信息。

6、自動生成交互說明：自動產出 Interaction Specs，把交互細節落到文檔裏。

7、多端形態：支持小程序、桌面（web-desktop）、後臺表單（admin forms）等場景。

8、中英雙語：支持中文、英文輸出。

頁面標註 requires_api_key=false，即使用時不需要配置 API Key。

安裝與啓用¶

官方資料沒有給出具體的安裝命令，只提供 Skill 座標和頁面地址。可用信息如下：

座標：@user_69ae75af/prd-html-prototype
頁面：https://api.skillhub.cn/user_69ae75af/prd-html-prototype

這個 Skill 基於通用 SKILL.md 格式，可在支持該格式的客戶端中按座標引用。Cursor、Codex CLI、Claude Code 之間的具體啓用方式差異，官方資料未說明，此處不做猜測。啓用前請到官方頁面確認最新信息。

典型用法¶

1、準備一句話需求：例如「做一個員工請假審批的後臺表單」。

2、交給 Skill 處理：Skill 按內置方法論補全缺口，輸出文字 PRD 和單文件 HTML 原型，並自動生成交互說明。

3、本地預覽：直接打開生成的 HTML 文件檢查交互效果，確認是否符合預期。

4、分享：如需團隊查看，使用發佈功能生成在線鏈接發給同事。

以上流程來自官方簡介中的能力描述，具體輸入輸出以官方頁面爲準。

適用場景與注意¶

適合：

• 需求還停留在一句話階段，需要快速出可演示原型；
• 給業務方、非技術同事演示交互效果；
• 需要文字 PRD 與 HTML 原型同時交付；
• 小程序、桌面端、後臺表單等常見形態的原型製作。

注意：

• 數據以官方頁面爲準。資料中頁面標註評分 100000、下載 787、安裝 0，簡介裏另有一組數字，引用前請覈對當前頁面。
• 來源是 community，生成的 PRD 和原型需要自行審閱後再對外使用。
• 使用發佈功能前，確認原型中不含敏感業務數據，並控制分享範圍。

結尾¶

這個 Skill 的價值在於把「寫文檔」和「做原型」合併成一步：輸入一句話，得到文字 PRD、可點擊的單文件 HTML 和自動生成的交互說明。本地預覽零門檻，也能發佈給同事在線查看。

官方地址：https://api.skillhub.cn/user_69ae75af/prd-html-prototype