Skip to content

03 · 接上你已經在用的 Agent ​

OpenDesign 自己不生成任何東西。真正幹活的是你指給它的那個 Agent。這一步配錯,後面每一頁都是空的。

介面卡是什麼 ​

每個介面卡就是一層很薄的轉接:把某個 Agent 的原生訊息格式,翻成 OpenDesign 的技能協議。加一個新 Agent 是加一個檔案,不用 fork 整個專案。

好處是換 Agent 不返工。同一份「SKILL.md」和同一份「DESIGN.md」,在 Claude Code 上跑和在 Codex 上跑是一樣的。換 Agent 是改一行配置,不是重做一遍設計。

21 個介面卡,先挑一個 ​

完整表在 參考 / Agent 介面卡對照表,這裡只說怎麼挑:

你的情況建議
已經在付 Claude 訂閱Claude Code,直接用訂閱登入,不用 API key
已經在付 ChatGPT 訂閱Codex,同上
在用 CursorCursor Agent,走你已經配好的 provider key
有 GitHub CopilotGitHub Copilot CLI
想先花最少的錢試Gemini CLI(Google AI Studio key)或 Qwen Code(DashScope key)
公司只批了某一家看對照表裡那家的介面卡

選擇的順序

先看你已經在付哪一份錢,再看模型好不好。設計任務和寫程式碼任務共用同一個額度池,這是 OpenDesign 最實在的省錢點——你不用為「設計」這件事再買一份訂閱。

兩種接法 ​

接法一:指向本機 CLI(推薦) ​

如果 Claude Code、Codex、Cursor 或者 OpenCode 已經裝在你機器上並且登入過,直接讓 OpenDesign 指過去。桌面版會自己掃 PATH 把它們找出來。

這種接法有一個被反覆稱讚的性質:你一個 key 都不用交出去。生成走的是那個 CLI 已經登入的憑據,從頭到尾沒離開過你的機器。

接法二:填 API key(BYOK) ​

想用某個還沒有 CLI 的模型,或者想精確控制用哪個模型時,填 key。憑據放在兩個地方之一:

text
.od/media-config.json    專案內的憑據檔案
環境變數                  你的 shell profile 裡

API 呼叫從你的機器直接打到廠商,OpenDesign 不代理、不中轉、也沒有自己的伺服器接這個流量。賬單直接進你在那家的賬戶。

別把 .od/media-config.json 提交進倉庫

它是憑據檔案。開始幹活前先確認它在 .gitignore 裡。

怎麼確認接通了 ​

  1. 介面裡能看到你的 Agent 出現在可選列表裡。
  2. 隨便挑一個技能,讓它生成一個最小的東西(一個落地頁夠了)。
  3. 左邊應該有即時進度在滾,而不是卡在「等待」。

如果列表是空的:

  • CLI 在不在 PATH 裡?終端裡敲一下它的名字試試。
  • 用 API key 的話,.od/media-config.json 寫對了沒有?
  • 跑 pnpm tools-dev check,缺什麼它會直接列出來。

換 Agent 會丟東西嗎 ​

不會。這是這套設計的重點:

東西跟 Agent 繫結嗎
技能(SKILL.md)不綁,純 Markdown
設計系統(DESIGN.md)不綁
已生成的產物不綁,就是你倉庫裡的檔案
憑據綁,每家一份

換 Agent 只需要改 daemon 裡的一行配置。你之前攢下的技能和品牌系統原樣可用。

一個反過來的用法 ​

技能可以抽出來單獨用。「SKILL.md」是一個資料夾,你可以把它從 OpenDesign 裡拿出去,直接丟進自己的 Claude Code 或者 Codex 會話裡當上下文用。

這條路適合兩種時候:你想要的能力在圖形介面裡沒有對應入口;或者你在寫腳本,不想開介面。

下一步 ​

04 · 介面總覽 — 一次生成到底經過哪幾步,每一步在等你給什麼。

非官方社群教程 · 內容整理自 open-design.ai 公開資料與實測記錄 · 以官方最新說明為準