AI也能做出雜誌級設計了，Claude Design的開源替代Open Design已經支持Kami，上手指南

作者：惡人筆記

日期：2026年5月2日下午11:16

來源：WeChat 原文

✦整理版優先睇

速讀 5 個重點高亮

Open Design 開源替代 Claude Design，整合 Kami 設計系統，輕鬆生成雜誌級設計

整理版摘要

呢篇文章介紹咗 Open Design——一個本地優先、完全開源嘅 AI 設計生成平台，係 Anthropic Claude Design 嘅替代品。作者本身係一個 AI 工具愛好者，親身安裝同試用過，佢想解決嘅問題係：點樣用 AI 生成「唔似 AI 做」、有高級感嘅設計，而唔係一堆廉價紫漸變同 emoji。整體結論係：Open Design 加 Kami 嘅組合，可以穩定產出專業印刷級水準嘅作品，尤其適合對質感有要求嘅用家。

文章先交代咗 Open Design 嘅核心能力——唔係普通畫圖工具，而係一個 Agent 驅動嘅平台，支援超過 11 種 coding agent（例如 Claude Code、Cursor），可以直接喺本地系統生成 Web、Pitch Deck、海報、簡歷等。佢內置咗 72 個品牌級 DESIGN.md 同 31 個可組合 Skill，仲有反 Slop 黑名單機制（禁止紫色漸變、emoji 等），大大降低 AI 廉價感。最新更新係整合咗 Kami 設計系統，令輸出可以有「紙質質感」。

Kami（日文「紙」）由 @HiTw93 開發，核心係「好內容值得好紙張」。佢唔係傳統 UI 組件庫，而係嚴格約束嘅印刷品設計系統：暖色羊皮紙背景、墨藍強調色、用 Charter 同倉耳金楷字體、極簡陰影、緊湊標題行高。支援 One-Pager、Long Doc、Letter、Portfolio、Resume…

Open Design 係 Claude Design 嘅本地開源替代，透過 Agent 驅動直接生成高質設計檔案。
內置 72 個品牌 DESIGN.md 同 31 個 Skill，涵蓋多種設計場景，並用反 Slop 機制避免 AI 廉價感。
Kami 係一套印刷品設計系統，用暖色調、襯線字體同嚴格排版規則，營造紙質質感。
使用步驟：安裝 Node.js 同 pnpm，Clone 專案後一鍵啟動，揀 Skill 同設計系統，輸入 Prompt 即可。
上手門檻中等（需 CLI 配置），但質量明顯領先；中文字體商用要留意授權，複雜文檔仍需人工審查。

值得記低

連結 github.com

Open Design 項目

GitHub 倉庫，包含安裝說明、設計系統清單同技能庫。

連結 github.com

Kami 設計系統

GitHub 倉庫，包含設計規範、字體授權資訊同模板。

Skill

獨立使用 Kami 嘅指令

喺 Claude Code 執行 'npx skills add tw93/kami -a claude-code -g -y'，然後直接叫佢用 Kami 風格生成作品。

整理重點

Open Design 係咩？點解值得留意？

Open Design 係一個本地優先、完全開源嘅 AI 設計生成平台，直接替代 Anthropic 嘅 Claude Design。佢唔係普通嘅「AI 畫圖工具」，而係一個 Agent 驅動嘅平台，支援 11+ 種主流 coding agent（包括 Claude Code、Codex、Cursor、Gemini CLI、Hermes、Kimi CLI 等），自動喺本地文件系統生成高質設計產物。

內容涵蓋 Web / 移動 / 桌面原型、Pitch Deck、簡歷、作品集、雜誌海報、信函，甚至短視頻同 HyperFrames。內置 72 個品牌級 DESIGN.md（Linear、Stripe、Vercel、Apple、Notion、小紅書、Tesla……）同 31 個可組合 Skill（例如 magazine-poster、guizang-ppt）。

最關鍵嘅更新（文章發佈前一日）：正式集成 Kami 設計系統，令任何生成內容都擁有「專業雜誌/書籍」嘅紙質質感。

整理重點

Kami：點解被稱為「紙質的榮光」？

Kami（日文「紙」）係 @HiTw93 嘅個人作品，核心理念係 Good content deserves good paper。佢唔係傳統 UI 組件庫，而係一個嚴格約束嘅印刷品設計系統。

視覺基調：暖羊皮紙背景（#f5f4ed，非純白）、唯一強調色墨藍（#1B365D）、大量暖調中性色。
字體體系：英文用 Charter（經典襯線），中文用倉耳金楷（TsangerJinKai02，個人免費，商用需授權），日文 YuMincho。行高、字重、層次全部寫死喺規則入面。
排版哲學：極簡陰影（得 whisper/ring 兩種）、緊湊標題行高（1.1-1.3）、舒適正文行高（1.5-1.55）、絕對禁止「AI 味」裝飾。
支持類型：One-Pager、Long Doc、Letter、Portfolio、Resume、Slides（含 WeasyPrint 優化模板）。

具體效果係：你用同樣 Prompt 生成嘅嘢，瞬間從「能看」變成「想收藏、想打印、想發朋友圈」。Open Design 今次集成後，唔單止支援 Kami 所有文檔類型，仲額外整咗 kami-deck.html 模板，專為橫版雜誌風 Pitch Deck 優化。

整理重點

上手指南：點樣開始用？

環境準備係最花時間嘅一步。你需要 Node.js ≈ 24（建議用 nvm/fnm 管理）、pnpm 10.33.x（corepack enable 後自動），同至少一個 Agent CLI（推薦順序：Claude Code > Codex / Cursor / Hermes / Kimi CLI）。冇嘅話用內置 BYOK 代理，填上任意 OpenAI 兼容嘅大模型 key 就得。

一鍵啟動指令 bash

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
pnpm tools-dev run web

打開終端顯示嘅本地地址（通常 http://localhost:xxxx），首次運行會自動創建 .od/ 文件夾。日常生成流程：

1 揀 Skill（左側菜單）：雜誌風單頁揀 magazine-poster，Pitch Deck 揀 guizang-ppt（推薦），簡歷/作品集揀對應文檔 skill。
2 揀 Design System → 搜索並揀中 Kami。
3 輸入自然語言 Prompt，例如：「為我嘅種子輪做一個 8 頁雜誌風格嘅 pitch deck，目標係早期投資人，語氣專業且有故事感」。
4 填寫 Discovery Form（必須）：表面、受眾、語氣、品牌背景、規模、約束。
5 揀視覺方向（或直接用 Kami 預設）。
6 等 Agent 實時輸出 Todo 計劃 → 文件寫入 → 沙盒 iframe 預覽。
7 滿意後一鍵導出 PDF / PPTX / HTML。

如果想獨立用 Kami（唔經 Open Design），可以執行以下指令：

程式內容 bash

npx skills add tw93/kami -a claude-code -g -y

然後喺 Claude Code 直接講「用 Kami 風格做一份作品集」就得。

整理重點

值唔值得試？優缺點分析

優點方面：質量確實領先——Kami 嘅約束機制加 Open Design 嘅反 Slop 流程，令輸出穩定喺「專業印刷品」水準。本地優先加開源，數據唔會上傳，完全可審計同深度定製。生態已經成型：72 個設計系統加 31 個 skill，基本覆蓋 95% 日常需求。成本可控，用開源模型或自建模型就得，導出格式直接商用冇水印。

總括嚟講，如果你每日都用 AI 寫嘢、做演示、出作品集，而且對「睇起嚟專業」有強需求，咁佢而家就值得裝。如果你只係偶爾用一次，或者完全零技術背景，建議等桌面版或社區教程出咗先試。

AI 已經可以寫 code、畫圖、做片，但「令內容有高級感」一直係好難嘅一塊拼圖。Open Design 加 Kami 嘅組合向我們展示咗：開源社區正在將「紙質的榮光」重新帶返數字世界。紙質時代已過，但「專業、有質感」嘅標準永遠唔會過時。

Claude Design係一個好勁嘅AI設計工具，之前都分享過一個佢嘅開源代替品Open CoDesign今日再分享一個本地代替方案：Open Design，而且佢啱啱更新支援Kami設計系統，社區對呢個嘅評價已經夠曬吸引：「呢個真係我見過最好睇嘅設計系統之一」「重現紙質嘅榮光」。

一、Open Design係咩嚟？

簡單啲講，Open Design係Anthropic Claude Design嘅本地優先、完全開源代替品。佢唔係一個「AI畫圖工具」，而係一個Agent驅動嘅設計生成平台：

• 核心能力：令Claude Code、Codex、Cursor、Gemini CLI、Hermes、Kimi CLI等 11+種主流coding agent 自動喺本地文件系統入面生成高質素設計產物。
• 支援內容：Web/流動/桌面原型、Pitch Deck、履歷、作品集、雜誌海報、信函、甚至短視頻同HyperFrames。
• 設計系統庫：內置 72個品牌級DESIGN.md（Linear、Stripe、Vercel、Apple、Notion、小紅書、Tesla……差不多覆蓋主流產品），加上 31個可組合Skill（magazine-poster、guizang-ppt等）。
• 獨特機制：沙盒預覽 + 實時Todo流 + 強制問題表單 + 五維自評 + 反Slop黑名單（禁止紫色漸變、emoji濫用、Inter做標題等），大大降低「AI廉價感」。
• 導出格式：HTML / PDF / PPTX / ZIP / Markdown，一鍵專業輸出。

最關鍵嘅更新（就係琴日）：正式集成Kami設計系統，令任何生成內容都可以擁有「專業雜誌/書籍」嘅紙質質感。

二、Kami：點解被稱為「紙質嘅榮光」？

Kami（日文「紙」）係@HiTw93嘅個人作品，核心理念得一句：Good content deserves good paper.

佢唔係傳統UI組件庫，而係一個嚴格約束嘅印刷品設計系統：

• 視覺基調：温暖羊皮紙底色（#f5f4ed，唔係純白）、唯一強調色墨藍（#1B365D）、大量暖調中性色。
• 字體體系：英文用Charter（經典襯線），中文用倉耳金楷（TsangerJinKai02，個人免費，商用要授權），日文YuMincho。行高、字重、層次全部寫死喺規則入面。
• 排版哲學：極簡陰影（得whisper/ring兩種）、緊湊標題行高（1.1-1.3）、舒適正文行高（1.5-1.55）、絕對禁止「AI味」裝飾。
• 支援類型：One-Pager、Long Doc、Letter、Portfolio、Resume、Slides（含WeasyPrint優化模板）。

具體呈現效果就係：你用同樣Prompt生成嘅嘢，即刻由「睇得嚇」變成「想收藏、想打印、想放上朋友圈」。

Open Design今次集成之後，唔單止支援Kami所有文檔類型，仲額外整咗 kami-deck.html 模板，專為橫版雜誌風Pitch Deck優化。

三、具體使用方法（上手教學）

1. 環境準備（可能最花時間嘅一步）

• Node.js ≈ 24（推薦用nvm/fnm管理）
• pnpm 10.33.x（corepack enable 後自動）
• 至少一個Agent CLI（推薦次序）：

◦ Claude Code（最勁）
◦ Codex / Cursor / Hermes / Kimi CLI等
◦ 冇都得，用內置BYOK代理，填任意OpenAI兼容嘅大模型key就得

2. 一鍵啟動

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
pnpm tools-dev run web

啟動後打開終端顯示嘅本地地址（通常 http://localhost:xxxx），首次運行會自動創建 .od/ 文件夾（SQLite數據庫 + 項目工作區）。

3. 日常生成流程（極簡）

1. 揀 Skill（左側選單）：

◦ 想做雜誌風單頁 → magazine-poster
◦ 想做Pitch Deck → guizang-ppt（推薦）
◦ 履歷/作品集/信函 → 對應文檔skill

2. 揀 Design System → 搜尋並揀中 Kami
3. 輸入自然語言Prompt，例如：

◦ 「為我嘅種子輪做一個8頁雜誌風格嘅pitch deck，目標係早期投資者，語氣專業且有故事感」
◦ 「幫我做一份2頁英文創始人履歷，突出技術深度同產品思維」

4. 填寫 Discovery Form（必須）：表面、受眾、語氣、品牌背景、規模、限制。
5. 揀視覺方向（或者直接用Kami預設）。
6. 坐等Agent實時輸出Todo計劃 → 文件寫入 → 沙盒iframe預覽。
7. 滿意後一鍵導出PDF / PPTX / HTML。

此外，Kami獨立使用都得（唔經Open Design）：
npx skills add tw93/kami -a claude-code -g -y
然後喺Claude Code入面直接講「用Kami風格做一份作品集」就得。

四、分析：值唔值得試？

優點：

• 質素確實領先：Kami嘅限制機制 + Open Design嘅反Slop流程，令輸出穩定喺「專業印刷品」水準。
• 本地優先 + 開源：數據唔上傳、完全可審計、可深度定製。
• 生態已成型：72個設計系統 + 31個skill，基本覆蓋95%日常需求。
• 成本可控：用開源模型或自建模型就可以跑；導出格式直接商用無水印。

侷限：

• 上手門檻中等：Node + pnpm + Agent CLI配置，對純小白仍然有挑戰（預計15-30分鐘）。
• 依賴底層模型能力：Claude強，弱模型容易「炒車」。
• 中文字體商用要注意授權。
• 生成複雜長文檔仍然需要人工二審（雖然機制已經大大降低出錯率）。

總之，如果你每日都用AI寫嘢、做演示、發作品集，而且對「睇落專業」有強烈需求，咁佢而家就值得裝。 如果你只係間中用一次，或者完全零技術背景，建議等桌面版或者社區教程出咗再試。

最後

AI已經可以寫Code、畫圖、做片，但「令內容擁有高級感」一直係好難嘅一塊拼圖。Open Design + Kami嘅組合向我哋展示咗：開源社區正在將「紙質嘅榮光」重新帶返數字世界。紙質時代已經過去，但「專業、有質感」嘅標準，永遠唔會過時。雖然仲未係完美嘅神器，但佢足夠誠實、足夠開放、足夠有野心。

Open Design項目： https://github.com/nexu-io/open-design
Kami項目： https://github.com/tw93/kami

（本文係根據官方README、社區反饋同實際安裝體驗整理。觀點純屬個人判斷，唔係商業推廣。如果有更新，以GitHub最新內容為準。）

Claude Design是一款強大的AI設計工具，之前也分享過一個它的開源替代品Open CoDesign，今天再分享一個本地替代：Open Design，而且它剛更新支持Kami設計系統了，社區對這個的評價已經足夠吸引人：“這真是我見過最好看的設計系統之一”“再現紙質的榮光”。

一、Open Design是什麼？

簡單說，Open Design是Anthropic Claude Design的本地優先、完全開源替代品。它不是一個“AI畫圖工具”，而是一個Agent驅動的設計生成平台：

• 核心能力：讓 Claude Code、Codex、Cursor、Gemini CLI、Hermes、Kimi CLI等 11+ 種主流 coding agent 自動在本地文件系統裏生成高質量設計產物。
• 支持內容：Web/移動/桌面原型、Pitch Deck、簡歷、作品集、雜誌海報、信函、甚至短視頻與 HyperFrames。
• 設計系統庫：內置 72 個品牌級 DESIGN.md（Linear、Stripe、Vercel、Apple、Notion、小紅書、Tesla……幾乎覆蓋主流產品），加上 31 個可組合 Skill（magazine-poster、guizang-ppt 等）。
• 獨特機制：沙盒預覽 + 實時 Todo 流 + 強制問題表單 + 五維自評 + 反 Slop 黑名單（禁止紫色漸變、emoji 濫用、Inter 做標題等），極大降低“AI 廉價感”。
• 導出格式：HTML / PDF / PPTX / ZIP / Markdown，一鍵專業輸出。

最關鍵的更新（就在昨天）：正式集成Kami設計系統，讓任何生成內容都能擁有“專業雜誌/書籍”的紙質質感。

二、Kami：為什麼被稱作“紙質的榮光”？

Kami（日語“紙”）是@HiTw93的個人作品，核心理念只有一句話：Good content deserves good paper.

它不是傳統UI組件庫，而是一個嚴格約束的印刷品設計系統：

• 視覺基調：温暖羊皮紙背景（#f5f4ed，非純白）、唯一強調色墨藍（#1B365D）、大量暖調中性色。
• 字體體系：英文用 Charter（經典襯線），中文用倉耳金楷（TsangerJinKai02，個人免費，商用需授權），日文 YuMincho。行高、字重、層次全部寫死在規則裏。
• 排版哲學：極簡陰影（只有 whisper/ring 兩種）、緊湊標題行高（1.1-1.3）、舒適正文行高（1.5-1.55）、絕對禁止“AI 味”裝飾。
• 支持類型：One-Pager、Long Doc、Letter、Portfolio、Resume、Slides（含 WeasyPrint 優化模板）。

具體呈現效果就是：你用同樣 Prompt 生成的東西，瞬間從“能看”變成“想收藏、想打印、想發朋友圈”。

Open Design 這次集成後，不僅支持 Kami 所有文檔類型，還額外做了 kami-deck.html 模板，專為橫版雜誌風 Pitch Deck 優化。

三、具體使用方法（上手指南）

1. 環境準備（可能最花時間的一步）

• Node.js ≈ 24（推薦用 nvm/fnm 管理）
• pnpm 10.33.x（corepack enable 後自動）
• 至少一個 Agent CLI（推薦順序）：

◦ Claude Code（最強）
◦ Codex / Cursor / Hermes / Kimi CLI等
◦ 沒有也行，用內置 BYOK 代理，填上任意OpenAI兼容的大模型key就行

2. 一鍵啓動

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
pnpm tools-dev run web

啓動後打開終端顯示的本地地址（通常 http://localhost:xxxx），首次運行會自動創建 .od/ 文件夾（SQLite 數據庫 + 項目工作區）。

3. 日常生成流程（極簡）

1. 選擇 Skill（左側菜單）：

◦ 想做雜誌風單頁 → magazine-poster
◦ 想做 Pitch Deck → guizang-ppt（推薦）
◦ 簡歷/作品集/信函 → 對應文檔 skill

2. 選擇 Design System → 搜索並選中 Kami
3. 輸入自然語言 Prompt，例如：

◦ “為我的種子輪做一個 8 頁雜誌風格的 pitch deck，目標是早期投資人，語氣專業且有故事感”
◦ “幫我做一份 2 頁英文創始人簡歷，突出技術深度與產品思維”

4. 填寫 Discovery Form（必須）：表面、受眾、語氣、品牌背景、規模、約束。
5. 選擇視覺方向（或直接用 Kami 預設）。
6. 坐等 Agent 實時輸出 Todo 計劃 → 文件寫入 → 沙盒 iframe 預覽。
7. 滿意後一鍵導出 PDF / PPTX / HTML。

此外，Kami獨立使用也可以（不走Open Design）：
npx skills add tw93/kami -a claude-code -g -y
然後在Claude Code裏直接說“用 Kami 風格做一份作品集”即可。

四、分析：值不值得試試？

優點：

• 質量確實領先：Kami 的約束機制 + Open Design 的反 Slop 流程，讓輸出穩定在“專業印刷品”水準。
• 本地優先 + 開源：數據不上傳、完全可審計、可深度定製。
• 生態已成型：72 個設計系統 + 31 個 skill，基本覆蓋 95% 日常需求。
• 成本可控：用開源模型或自建模型就能跑；導出格式直接商用無水印。

侷限：

• 上手門檻中等：Node + pnpm + Agent CLI 配置，對純小白仍有挑戰（預計 15-30 分鐘）。
• 依賴底層模型能力：Claude強，弱模型容易“翻車”。
• 中文字體商用需注意授權。
• 生成複雜長文檔仍需人工二審（雖然機制已極大降低出錯率）。

總之，如果你每天都在用 AI 寫東西、做演示、發作品集，且對“看起來專業”有強需求，那它現在就值得裝。 如果你只是偶爾用一次，或者完全零技術背景，建議等桌面版或社區教程出來再試。

最後

AI已經能寫代碼、畫圖、做視頻，但“讓內容擁有高級感”一直是很難的一塊拼圖。Open Design + Kami 的組合向我們展示了：開源社區正在把“紙質的榮光”重新帶回數字世界。紙質時代已過，但“專業、有質感”的標準，永遠不會過時。雖然還不是完美的神器，但它足夠誠實、足夠開放、足夠有野心。

Open Design項目： https://github.com/nexu-io/open-design
Kami項目： https://github.com/tw93/kami

（本文基於官方README、社區反饋及實際安裝體驗整理。觀點純屬個人判斷，非商業推廣。如有更新，以GitHub最新內容為準。）