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 多个其他编码 agent 来驱动。最大的优势 = 用量的计算方式……(正文被接口截断)
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 直接产出——(正文被接口截断)
12 赞 原文
DSH Wiki · DSH 情报站 · ai798 Lab 出品
DeepSeek Harness 官网 GitHub
数据实抓