前言¶
做產品方案時,常見路徑是:先寫 PRD,再讓設計出稿,最後開發或運營各自拼 Demo、看板或彙報材料。中間環節多,AI 往往只能幫忙潤色文檔,很難在同一套約束下產出可演示的原型、數據看板和方案頁。
下面介紹 SkillHub 上的「我的AI產品設計助手」(座標 @user_19ccae81/ori-ai-product-design)。它把 ORI 側沉澱的「人機協作產品設計」流程寫進通用 SKILL.md,讓 Agent 在對話裏按工作流推進,從需求輸入走向高保真交付物。
這是什麼¶
一句話定位: ORI 出品的 AI 產品經理協作工作流 Skill,覆蓋從需求輸入到高保真交付的全流程。
- 維護與來源: 社區發佈(
community),發佈者user_19ccae81,當前版本 1.0.0,分類爲design-media。 - 解決的問題: 在單一 Skill 內串聯產品原型、數據看板、PPT 方案等產品設計產出,減少「文檔、原型、Demo 各做一套」的割裂;官方說明中強調可產出交互式 HTML 等高保真交付物。
- 依賴: 標籤標明
requires_api_key=false,不強制額外 API Key(具體仍取決於你所用 Agent 的模型與聯網能力)。
官方 Skill 頁:SkillHub - 我的AI產品設計助手。
Skill 資源地址:https://api.skillhub.cn/user_19ccae81/ori-ai-product-design。
核心功能¶
以下能力均來自 SkillHub 簡介與頁面說明,未在資料中出現的細節不展開。
-
需求到交付的端到端工作流
從需求輸入開始,按人機協作方式推進,目標指向「高保真交付」,而非僅生成文字說明。 -
產品原型與交互設計
適用於設計產品原型、交互設計、產品文檔等場景;英文觸發說明中包含 building product prototypes、interactive HTML deliverables。 -
數據看板
支持搭建數據看板類產出(dashboards)。 -
方案與 Demo
覆蓋產品方案、PPT 方案、產品 Demo 製作;適合需要可演示、可打開的交付形態。 -
觸發邊界(Use when)
當你在做產品原型、看板、產品 Demo、交互式 HTML 交付,或任何需要高保真輸出的產品設計任務時,可顯式讓 Agent 使用該 Skill。
安裝與啓用¶
SkillHub 建議通過其安裝文檔完成 CLI 與技能安裝;也可把安裝提示詞發給 AI,讓其按同一文檔操作。
1、檢查 SkillHub CLI¶
先確認本機是否已有 skillhub:
command -v skillhub && skillhub --version
若未安裝,可按 SkillHub 安裝說明 執行完整安裝(CLI + 默認 Skill):
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
僅需 CLI 時:
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安裝本 Skill¶
官方座標爲 @user_19ccae81/ori-ai-product-design。安裝時必須用 --dir 指向當前 Agent 實際讀取的 skills 目錄,否則默認落在 ./skills/ 可能不會被識別。
skillhub install @user_19ccae81/ori-ai-product-design --dir <你的 skills 目錄>
常見客戶端路徑(摘自 SkillHub 安裝文檔,以你本機爲準):
| 客戶端 | skills 目錄示例 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下 .agents/skills/ |
也可直接向 AI 發送 SkillHub 頁面上的安裝提示詞:
請根據 https://skillhub.cn/install/skillhub.md,安裝 `@user_19ccae81/ori-ai-product-design`。
安裝後按你所用客戶端要求重啓或刷新技能列表,再在對話中引用該 Skill 或按 Use when 描述任務。
典型用法¶
公開頁面未附帶逐步命令行示例;可復現的用法是:在已啓用 Skill 的 Agent 中,用自然語言描述產品設計任務,並點明需要高保真交付類型。
示例提示(表述需與官方場景一致,可按項目改寫):
使用 @user_19ccae81/ori-ai-product-design,我要做一個 B 端運營數據看板:
輸入是「日活、留存、渠道轉化」三類指標,請按 Skill 工作流從需求澄清到可交互 HTML 看板原型。
Use ori-ai-product-design:爲新產品寫方案併產出 PPT 結構 + 可點擊的產品 Demo(HTML),目標用戶是中小企業採購負責人。
幫我做移動端 App 核心流程的高保真原型(列表頁、詳情頁、下單頁),需要交互說明和產品文檔要點。
經過上面的步驟,Agent 應按 Skill 內 SKILL.md 定義的流程組織問答與產出;若你本地已安裝,可直接打開技能目錄中的 SKILL.md 查看逐步指令(安裝包內容以 SkillHub 下發爲準)。
適用場景與注意¶
適合誰
- AI 產品經理、產品負責人:需要原型、方案、看板、Demo 在同一協作節奏裏推進。
- 交互 / 產品設計相關角色:強調高保真、可演示交付,而非純 Markdown 說明。
- 已在 Cursor、Claude Code、Codex 等支持 Skills 的環境中工作的團隊。
使用注意
- 目錄要對:
skillhub install的--dir必須對應當前 Agent 的 skills 路徑,否則 Skill 不會生效。 - 版本與統計: 頁面顯示 v1.0.0;SkillHub 統計(以抓取資料爲準)評分 100000、下載約 3943、安裝約 76——與第三方轉載數字可能不一致,以 SkillHub 頁面爲準。
- 產出形態: 簡介明確包含 HTML 交互交付;複雜動效、真實後端數據或企業模板規範仍需人工驗收與接入。
- 無強制 API Key: 不表示零成本;模型調用、託管與合規仍由你所選平臺負責。
結尾¶
「我的AI產品設計助手」把 ORI 的產品設計協作流程封裝爲 Skill,適合從需求輸入一路做到原型、看板、方案與 Demo 等高保真產出。若你在 Skill 生態裏做產品設計類任務,可從 SkillHub 安裝 @user_19ccae81/ori-ai-product-design 試用。
- SkillHub 頁面:https://www.skillhub.cn/skills/user_19ccae81/ori-ai-product-design
- 安裝文檔:https://skillhub.cn/install/skillhub.md
- Skill 座標:
@user_19ccae81/ori-ai-product-design