open-design

Turn dsh into your design engine.

An open-source take on Claude Design, built as a local-first desktop app. Hook it up to dsh and text edits render into visuals in real time. The biggest project in the ecosystem.

88,304 star open-design-v0.19.2 Design / desktop app GitHub

Install

The desktop build has zero dependencies; source/Docker builds need Node ~24 and pnpm 10.33.x, plus a coding agent CLI. Known pitfalls: on macOS/WSL2 the system's built-in od (octal-dump) command shadows Open Design's od CLI, so desktop users should switch to the Settings -> MCP server snippet; internal IPs (RFC1918/link-local/CGNAT/cloud metadata) are blocked by the proxy layer's SSRF guard by default and must be allowed explicitly with OD_ALLOWED_INTERNAL_HOSTS.

An npm package: install it globally once, or run it with npx without installing.

Desktop app (recommended): download the macOS/Windows/Linux (AppImage) installer from open-design.ai or GitHub ReleasesWindowsmacOSLinux

curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

DeepSeek Harness only (install the official dsh CLI first)

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

Run from source

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

Full tutorial

01Download and install the desktop app (zero configuration; it auto-detects installed coding agents)

02Open the app; it loads 100+ skills, 151 design systems, and the render templates automatically

03Enter a brief: pick the output type -> write the description -> choose a design system and a model

04Watch the agent stream the result live in the preview pane

05Export as HTML / PDF / PPTX / MP4 / ZIP

config

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

Features

·BYOK access for 27 coding agents (Claude Code / Codex / Cursor / dsh and others)

·Ships with 151 brand-grade design systems, 100+ functional skills, and 277 plugins

·Local-first, produces real files, exports to HTML/PDF/PPTX/MP4

Voices

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

249 likes Source

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.

151 likes Source

X @so_ainsight · 2026-05-01

これは神。 Claude Designのオープンソース版が公開されました。名前は Open Design。すでに、GitHubで8,000スター超え。Anthropicのサブスクにも縛られません。・テキストひと言でUIプロトタイプを自動生成・Linear / Stripe / Vercel / Notion など71種のブランド級デザインシステム同梱

This is godly. An open-source version of Claude Design just dropped. It's called Open Design. Already past 8,000 stars on GitHub, and it doesn't chain you to an Anthropic subscription. - Auto-generates UI prototypes from a single line of text - Ships with 71 brand-grade design systems, including Linear / Stripe / Vercel / Notion

95 likes Source

X @KKaWSB · 2026-05-16

免费开源的设计物料神器，5 月 GitHub 单月增速第一： nexu-io/open-design——一个本地跑的 Claude Design 开源替代。 5 月单月涨 16,804 颗 star。它的定位是：你给任何一个 coding agent 一个设计需求，agent 调用 Open Design 直接产出——

A free, open-source design-asset powerhouse, and GitHub's fastest climber in May: nexu-io/open-design — a locally run, open-source alternative to Claude Design. It gained 16,804 stars in May alone. The pitch: hand any coding agent a design brief, and the agent calls Open Design to produce it directly — (post truncated at source)

12 likes Source