Skip to content

03 · 模板與外掛庫 ​

空白畫布是最貴的起點。外掛庫的意義就是讓你別從空白開始。

庫裡有三類東西 ​

官網上的外掛庫目前 479+ 條,分成三類:

類數量是什麼什麼時候用
Templates292可執行的模板,每個帶 example.html你知道大概要什麼形狀
Skills23純 SKILL.md 指令你需要的是判斷,不是起點
Systems152品牌級設計系統你要定視覺方向

三類可以疊加用:一個模板起頭,一個設計系統定調,一兩個技能補判斷。

數字會變

庫在持續增長,網站首頁的統計卡和外掛頁的數字不一定同步(寫這本書時首頁寫 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 的一部分,這麼用完全正當。

自己寫一個並貢獻回去 ​

每個模板、技能、設計系統都是社群可擴充套件的。流程是標準的開源流程:

  1. 在本地寫好你的外掛(一個資料夾,帶 SKILL.md 或者 DESIGN.md,模板還要帶 example.html)。
  2. 給 nexu-io/open-design 提一個 PR,或者先開 issue 提議。
  3. 合併之後它會自動出現在網站的目錄裡和產品裡。

值得貢獻的通常是這兩類:

  • 你所在行業的專用結構。 比如醫療、法務、教育這些有固定文件格式的領域。
  • 你抽出來的品牌系統。 如果那個品牌是公開的(比如某個知名開源專案的視覺),抽一套出來對所有人都有用。

一個實際的用法組合 ​

做一份客戶提案,實際會這麼疊:

text
模板:Build a Buyer-Committee Leave-Behind(採購委員會留檔材料)
系統:client-a/DESIGN.md(客戶的品牌)
技能:色彩理論 + 文案(補判斷)

模板給你敘事結構和頁面骨架,設計系統讓它看起來是客戶家的東西,技能補上具體判斷。三層各管各的,換任何一層都不影響另外兩層。

常見坑 ​

坑表現怎麼辦
裝了一堆沒用的列表太長,選擇困難只裝你這個季度會用的
模板當成品用出來的東西一看就是模板模板是起點,後面還要走精修
不看模板的提示詞錯過了最好的學習材料「Read full prompt」點開讀
自己重寫庫裡已有的白乾先搜一遍庫

相關 ​

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