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 が 1 つ必要。既知の落とし穴：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

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 セットのデザインシステムとレンダリングテンプレートが自動で読み込まれる

03brief を入力する：成果物の種類を選ぶ → 説明を書く → デザインシステムとモデルを選ぶ

04agent がプレビューウィンドウでリアルタイムにストリーム生成する様子を見る

05HTML / 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 セット、機能 skills 100+、プラグイン 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 star はすでに 78,000+。ローカルアプリは無料で自分の PC で動く。キャンバスは 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 日で GitHub star 20,000 を突破。何が起きたのか、なぜ重要なのか——その全貌を語ろう。

151 いいね原文

X @so_ainsight · 2026-05-01

これは神。 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 月間成長率 1 位:nexu-io/open-design——ローカルで動く Claude Design のオープンソース代替。5 月だけで 16,804 star 増。その立ち位置は:どの coding agent にでもデザイン要件を投げれば、agent が Open Design を呼び出して直接アウトプットを出す——(本文はここで途切れている)

12 いいね原文