03 · 模板與外掛庫
空白畫布是最貴的起點。外掛庫的意義就是讓你別從空白開始。
庫裡有三類東西
官網上的外掛庫目前 479+ 條,分成三類:
| 類 | 數量 | 是什麼 | 什麼時候用 |
|---|---|---|---|
| Templates | 292 | 可執行的模板,每個帶 example.html | 你知道大概要什麼形狀 |
| Skills | 23 | 純 SKILL.md 指令 | 你需要的是判斷,不是起點 |
| Systems | 152 | 品牌級設計系統 | 你要定視覺方向 |
三類可以疊加用:一個模板起頭,一個設計系統定調,一兩個技能補判斷。
數字會變
庫在持續增長,網站首頁的統計卡和外掛頁的數字不一定同步(寫這本書時首頁寫 458+,外掛頁寫 479+)。要確認當前有什麼,直接翻 open-design.ai/plugins。
模板長什麼樣
模板不是「一個空框架」。庫裡的條目大多帶著完整的語境。舉幾個真實存在的型別:
- prototype 類 — 單檔案的 WebGL 首屏、儀表盤、部落格文章頁、臨床病例報告。
- deck 類 — 面向具體場景的演示模板,比如「像頂級加速器合夥人那樣寫路演」「像上市公司董事長那樣寫董事會預讀材料」「像雜誌藝術總監那樣做編輯設計系統」。
- video 類 — 動效幀模板,歐洲海報風、極簡留白、資料滾動。
deck 那一類值得多看一眼。它們不是「商務模板 A/B/C」,而是把某個角色的判斷寫進去了——受眾是誰、要促成什麼決定、哪一頁該放什麼。用它們的時候你繼承的不只是版式,還有那套敘事結構。
怎麼找
庫裡可以按型別(web / deck / marketing / prototype / desktop / brand / editorial / motion)和按 Agent 篩。每一條都能「Read full prompt」看它的完整提示詞。
這個功能被低估了。 直接讀那些模板的提示詞,是學怎麼寫好提示詞最快的路——你能看到官方是怎麼把「一份董事會材料」拆成具體約束的。
裝和用
介面裡點安裝就行。裝完之後它出現在你的可選列表裡,跟內建的沒區別。
也可以只借用不安裝:讀它的提示詞,把有用的部分抄進你自己的提示詞裡。庫是 Apache-2.0 的一部分,這麼用完全正當。
自己寫一個並貢獻回去
每個模板、技能、設計系統都是社群可擴充套件的。流程是標準的開源流程:
- 在本地寫好你的外掛(一個資料夾,帶
SKILL.md或者DESIGN.md,模板還要帶example.html)。 - 給 nexu-io/open-design 提一個 PR,或者先開 issue 提議。
- 合併之後它會自動出現在網站的目錄裡和產品裡。
值得貢獻的通常是這兩類:
- 你所在行業的專用結構。 比如醫療、法務、教育這些有固定文件格式的領域。
- 你抽出來的品牌系統。 如果那個品牌是公開的(比如某個知名開源專案的視覺),抽一套出來對所有人都有用。
一個實際的用法組合
做一份客戶提案,實際會這麼疊:
text
模板:Build a Buyer-Committee Leave-Behind(採購委員會留檔材料)
系統:client-a/DESIGN.md(客戶的品牌)
技能:色彩理論 + 文案(補判斷)模板給你敘事結構和頁面骨架,設計系統讓它看起來是客戶家的東西,技能補上具體判斷。三層各管各的,換任何一層都不影響另外兩層。
常見坑
| 坑 | 表現 | 怎麼辦 |
|---|---|---|
| 裝了一堆沒用的 | 列表太長,選擇困難 | 只裝你這個季度會用的 |
| 模板當成品用 | 出來的東西一看就是模板 | 模板是起點,後面還要走精修 |
| 不看模板的提示詞 | 錯過了最好的學習材料 | 「Read full prompt」點開讀 |
| 自己重寫庫裡已有的 | 白乾 | 先搜一遍庫 |