Skip to content

open-design

โญ 90,033 ยท โœ… active ยท client ยท โฌ†๏ธ +429 recently
Type client Category Desktop
Stars โญ 90,033 Status โœ… active
Author nexu-io Updated 2026-08-21

One-liner

๐ŸŽจ The open-source Claude Design alternative. ๐Ÿ–ฅ๏ธ Local-first desktop app. ๐Ÿ–ผ๏ธ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video โ€” real files, HTML/PDF/PPTX/MP4 export. ๐Ÿค– Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode / Hermes & 20+ CLIs via BYOK.

About

๐ŸŽจ The open-source Claude Design alternative. ๐Ÿ–ฅ๏ธ Local-first native desktop app for macOS and Windows. โšก Composable skills, brand-grade DESIGN.md design systems, and ready-to-use plugins. ๐Ÿ–ผ๏ธ Generates web ยท desktop ยท mobile prototypes, live dashboards / artifacts, decks, images, video, plus HyperFrames motion graphics. ๐Ÿ”’ Sandboxed iframe preview ยท HTML / PDF / PPTX / MP4 export. ๐Ÿค– Runs on DeepSeek Harness (dsh) ยท Claude Code ยท OpenClaw ยท Codex ยท Cursor ยท OpenCode ยท Qwen ยท Copilot ยท Amp ยท Hermes ยท Kimi ยท Antigravity and 26 distinct local CLI executables, or any OpenAI-compatible endpoint via BYOK. OpenDesign is what you get when the agent-native loop Anthropic shipped with Claude Design โ€” discover the brief, lock the dir

โœจ Key Features

  • ๐Ÿค– Run in any coding agent โ€” Claude Code, Codex, Cursor, Copilot, OpenClaw, [Antigravity](h
  • ๐Ÿ” Migrate Figma / Pencil workflows โ†’ React, Next.js, or Vue source. See od-figma-migration.
  • ๐Ÿ› ๏ธ Refresh an existing codebase to a brand spec โ€” point a plugin at a git repo + DESIGN.md, get a PR. See [od-code-migration](plugins/_official/scenar
  • ๐Ÿ’พ Persist custom workflows โ€” your team's reusable templates sit next to the shipped ones.

๐Ÿ“ฆ Install

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

๐Ÿš€ Quick Start

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

๐Ÿ“š Learn more

Demo

Four core product categories, all rendered by a coding agent running on your laptop. Click a thumbnail to see the real example.

๐Ÿ–ฅ๏ธ Download the desktop app (recommended โ€” zero config)

The fastest way to use OpenDesign. No Node, no pnpm, no clone. After install: the app auto-detects every coding-agent CLI on your PATH, loads 100+ functional skills, the separate rendering-template catalog, and 151 design systems, and lets you type a brief in the entry view.

๐Ÿค– Install into your coding agent (no UI)

You can use OpenDesign without ever opening the GUI โ€” call it as a skill, plugin, or MCP server inside Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi, and more. If you installed the macOS desktop app via the DMG or Homebrew cask, your shell may still resolve od to Apple's built-in /usr/bin/od octal-dump utility. In that case, open Settings โ†’ MCP server in the desk

Architecture

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ browser (Next.js 16) / Electron shell โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ chat ยท file workspace ยท iframe preview ยท settings ยท import ยท MCP โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ /api/* โ”‚ โ–ผ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” /api/proxy/{provider}/stream (SSE) โ”‚ local daemon (Express+SQLite) โ”‚ โ”€โ†’ any OpenAI-compatible BYOK, โ”‚ โ”‚ SSRF-guarded at the edge โ”‚ /a