Open Design — Vol. 01 · Issue Nº 26 · Apache-2.0
Skills · Systems · Agents · BYOK · Local-first
OD / 2026 · Vol. 01 / Issue Nº 26Filed under Design · IntelligenceApache-2.0 · Made on EarthLive · v0.7.0
加入 Discord開源設計工作室 · Nº 01

用技能、 審美程式碼 設計 智慧.

Claude Design 的開源替代品。讓你已有的編碼 Agent —— Claude · Codex · Cursor · Gemini · OpenCode · Qwen —— 直接成為設計引擎,由 132 個可組合的技能與 150 套品牌級設計系統驅動。

132技能可上線
150系統可遷移
12CLI自帶 Agent
↳ pnpm tools-dev · 3 條指令即可啟動52.5200° N · 13.4050° E
FIG. 01 / OD-26Plate Nº 08SHA · a1b2c3dComposed in Open Design
01Detect02Discover03Direct04Deliver
From the fieldOpen · 23 cities · 6 contributors
I.About / ManifestoOpen Design / Volume 01002 / 008
關於工作室 · Nº 02

我們把 你的 Agent 當作創意上的 合作者, 而不是黑盒.

最強的編碼 Agent 已經在你的筆電上。我們不再發一個新的——而是把它們接入一套以技能為中心的設計工作流,用 pnpm tools-dev 在本地運行,Web 層部署到 Vercel,每一層都堅持 BYOK。

了解我們的方法
從模型行為到視覺品味,我們把整個創意系統當作原型來打磨。
關於形態 · 感知 · 機器想像的研究。 (Open Design, MMXXVI)
II.Capabilities · Skills · Systems4 surfaces / 1 loop003 / 008
OPEN DESIGN · CAPABILITIES MATRIX · OD/26
能力 · Nº 03

為創意智慧打造的 技能、系統 與表層.

我們讓人的品味與你信任的 Agent 協作,交付介面、Deck 與編輯級頁面——刻意、有表達、活著。

01技能

是技能,不是外掛

132 個基於檔案的 SKILL.md 包。把資料夾拖進去、重啟 daemon,就會出現。

02系統

以 Markdown 寫的設計系統

150 套可遷移的 DESIGN.md 系統——Linear、Vercel、Stripe、Apple、Cursor、Figma……

03Adapter

12 個 Agent 介接器

Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen —— 自動在 $PATH 上偵測。

04BYOK

每一層都 BYOK

相容 OpenAI 協定的代理。DeepSeek、Groq、OpenRouter、你自架的 vLLM —— 貼 baseUrl 加 key 就能跑。

III.Labs / Skills Catalog05 of 132 ongoing004 / 008
實驗室 · Nº 04

一個仍在生長的 實驗 檔案——關於技能、Deck 與機器製造的形態.

05
進行中的實驗記錄變動中的想法
透過製造
來建構智慧
Deck
Nº 012026

雜誌級 Deck

搭配 guizang-ppt 的編輯級簡報。雜誌版型 + WebGL 主圖。

Media
Nº 022026

合成物質

Gpt-image-2 + Seedance + HyperFrames。圖像、影片、音訊——和程式碼同一個聊天介面。

Loop
Nº 032026

提示編排

在生成第一像素之前,先彈出一個互動問題表單。30 秒的選擇,勝過 30 分鐘的反覆改稿。

Critique
Nº 042026

視覺推理

5 個維度的自我批評把關每一件作品:哲學 · 層級 · 執行 · 具體 · 克制。

Runtime
Nº 052026

柔性系統

iframe 沙盒預覽。串流 Todos。基於真實 cwd 的檔案系統。人和機器之間的自適應循環。

05 / 132 SKILLS · 查看完整資料庫 →
IV.Method / Loop04 stages, iterative005 / 008
方法 · Nº 05

訊號 到系統.

+

每個階段都是迭代的、視覺的、研究驅動的——是可組合的檔案,而不是不透明的提示詞。

01

偵測

Daemon 掃描你的 $PATH,識別 12 個編碼 Agent,啟動時自動載入 132 個技能 + 150 套系統。

02

探索

第 1 輪是一個問題表單——表層、受眾、調性、規模、品牌語境。30 秒內鎖定。

03

導向

從 5 個確定性的視覺方向裡挑一個。OKLch 色板、字體堆疊、版式姿態全都給好。

04

交付

Agent 把結果寫進磁碟,你在 iframe 沙盒裡預覽,匯出 HTML / PDF / PPTX / ZIP / Markdown。

技能定義一切。檔案讓它成真。
VI.Collaborators / LineageStanding on shoulders007 / 008
合作者 · Nº 06

「Open Design 幫我們把模糊的 AI 想法 變成了一個視覺系統—— 銳利、可信、 而且真正嶄新。」

m

Mina Kovac
創意總監 · North Form

站在那些把開源設計文化推向世界的團隊的肩膀上。

閱讀更多故事
VII.Contact / ConversationThree commands to ship008 / 008
開啟一段對話 · Nº 07

讓我們一起做點 開源視覺上 難以忘記的事.

到 GitHub 點 Star、提一個 issue,或者今晚就跑一下 pnpm tools-dev。三條指令,迴圈交給你。

● 線上v0.7.0 / Apache-2.052.5200° N · 13.4050° E
Nº 08
OPEN DESIGN · FIN.