DSH Wiki DSH Wiki
首頁 / DSH 外掛 / open-design

open-design

把 dsh 當成你的設計引擎。

開源版 Claude Design,本地優先的桌面應用程式。接上 dsh 之後,文字改稿即時出圖,是生態系裡最大的專案。
88,304 star open-design-v0.19.2 設計 / 桌面應用程式 GitHub

安裝

桌面版零相依;原始碼/Docker 需 Node ~24、pnpm 10.33.x,另需一個 coding agent CLI。已知地雷:macOS/WSL2 下系統內建的 od(octal-dump)指令會遮蔽 Open Design 的 od CLI,桌面使用者改用 Settings → MCP server 片段;內網 IP(RFC1918/link-local/CGNAT/雲端 metadata)預設會被代理層 SSRF 攔截,需用 OD_ALLOWED_INTERNAL_HOSTS 明確放行。
npm 套件:全域裝一次就能用,也可以用 npx 免安裝直接跑。
桌面應用程式(推薦):從 open-design.ai 或 GitHub Releases 下載 macOS/Windows/Linux(AppImage) 安裝包WindowsmacOSLinux
od mcp install <agent> # <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw | antigravity | pi | vibe | hermes | cline | kimi | kiro | trae | opencode
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>
DeepSeek Harness 專用(需先安裝官方 dsh CLI)
od agent setup deepseek-harness
Docker
git clone https://github.com/nexu-io/open-design.git cd open-design/deploy cp .env.example .env echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env docker compose up -d # open http://127.0.0.1:7456
原始碼執行
git clone https://github.com/nexu-io/open-design.git cd open-design corepack enable && pnpm install pnpm tools-dev run web

完整使用教學

01下載安裝桌面應用程式(零設定,自動偵測已安裝的 coding agent)
02開啟應用程式,自動載入 100+ skills、151 套設計系統與渲染模板
03輸入 brief:選產出類型 → 寫描述 → 選設計系統與模型
04看 agent 在預覽視窗即時串流生成
05匯出 HTML / PDF / PPTX / MP4 / ZIP

config

OD_ALLOWED_INTERNAL_HOSTS=<host1>,<host2>,... # 逗号或空白分隔的裸主机名/IP;IPv6 需加方括号如 [fd00::1]

特色功能

·支援 27 個 coding agent(Claude Code / Codex / Cursor / dsh 等)以 BYOK 方式接入
·內建 151 套品牌級設計系統、100+ 功能 skills、277 個外掛
·本機優先,產出真實檔案,支援 HTML/PDF/PPTX/MP4 匯出

評論牆

X @itsolelehmann · 2026-07-14
lol someone already open-sourced Claude Design it's called Open Design, already has 78,000+ github stars. the local app is free and runs on your computer. you can power its canvas with claude code, codex, cursor, gemini, or 20+ other coding agents. the biggest advantage = how
笑死,已經有人把 Claude Design 開源了。它叫 Open Design,GitHub 星數已經 78,000+。本機應用程式免費,跑在你自己的電腦上。畫布可以用 claude code、codex、cursor、gemini 或 20 多個其他 coding agent 來驅動。最大的優勢 = 用量的計算方式……(內文被 API 截斷)
249 讚 原文
X @iam_elias1 · 2026-05-16
Someone just open sourced Claude Design. They called it Open Design. It crossed 20,000 GitHub stars in 6 days. Here is the full story of what happened — and why it matters.
有人剛把 Claude Design 開源了。他們叫它 Open Design。6 天內突破 20,000 GitHub star。以下是事情的完整經過——以及它為什麼重要。
151 讚 原文
X @so_ainsight · 2026-05-01
これは神。 Claude Designのオープンソース版が公開されました。名前は Open Design。 すでに、GitHubで8,000スター超え。Anthropicのサブスクにも縛られません。 ・テキストひと言でUIプロトタイプを自動生成 ・Linear / Stripe / Vercel / Notion など71種のブランド級デザインシステム同梱
這是神作。Claude Design 的開源版發布了,名字叫 Open Design。GitHub 上已超過 8,000 星,而且不被 Anthropic 的訂閱綁死。・一句話文字自動生成 UI 原型 ・內建 Linear / Stripe / Vercel / Notion 等 71 套品牌級設計系統
95 讚 原文
X @KKaWSB · 2026-05-16
免费开源的设计物料神器,5 月 GitHub 单月增速第一: nexu-io/open-design——一个本地跑的 Claude Design 开源替代。 5 月单月涨 16,804 颗 star。 它的定位是:你给任何一个 coding agent 一个设计需求,agent 调用 Open Design 直接产出——
(原文為簡體中文)免費開源的設計素材神器,5 月 GitHub 單月成長第一:nexu-io/open-design——一個在本機跑的 Claude Design 開源替代品。5 月單月漲 16,804 顆 star。它的定位是:你給任何一個 coding agent 一個設計需求,agent 呼叫 Open Design 直接產出——(內文被 API 截斷)
12 讚 原文
DSH Wiki · DSH 情報站 · ai798 Lab 出品
DeepSeek Harness 官網 GitHub
數據實際抓取