我的AI產品設計助手:從需求到高保真交付的 Skill 工作流

前言

做產品方案時,常見路徑是:先寫 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 簡介與頁面說明,未在資料中出現的細節不展開。

  1. 需求到交付的端到端工作流
    從需求輸入開始,按人機協作方式推進,目標指向「高保真交付」,而非僅生成文字說明。

  2. 產品原型與交互設計
    適用於設計產品原型、交互設計、產品文檔等場景;英文觸發說明中包含 building product prototypes、interactive HTML deliverables。

  3. 數據看板
    支持搭建數據看板類產出(dashboards)。

  4. 方案與 Demo
    覆蓋產品方案、PPT 方案、產品 Demo 製作;適合需要可演示、可打開的交付形態。

  5. 觸發邊界(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 的環境中工作的團隊。

使用注意

  1. 目錄要對: skillhub install 的 --dir 必須對應當前 Agent 的 skills 路徑,否則 Skill 不會生效。
  2. 版本與統計: 頁面顯示 v1.0.0;SkillHub 統計(以抓取資料爲準)評分 100000、下載約 3943、安裝約 76——與第三方轉載數字可能不一致,以 SkillHub 頁面爲準。
  3. 產出形態: 簡介明確包含 HTML 交互交付;複雜動效、真實後端數據或企業模板規範仍需人工驗收與接入。
  4. 無強制 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
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜