open-design
nexu-io · nexu-io/open-design
An open-source collaborative design agent workspace and plugin that turns coding agents into design engines for prototypes, landing pages, dashboards, and media with various export options.
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
Preview
What you can do with it
- Generate UI prototypes and landing pages directly from a brief using an AI coding agent.
- Use an AI agent to create and refine design systems, brand assets, and various media types like images or videos.
- Export agent-generated designs into multiple formats such as HTML, PDF, PPTX, or MP4 for presentations or delivery.
Try asking your agent
- “Design a dashboard UI for a SaaS application, including relevant data visualizations.”
- “Create three distinct image assets for a social media campaign promoting our new feature.”
- “Generate a short motion graphic for our company's intro video, export as MP4.”
Safety check
Usable, but read the notes first.
- ●npm package runs a script automatically on install.
package.json - ●Installer downloads a remote script and pipes it to the shell.
README.md
Automated scan of the repo files. Always review code you run.
From the README
OpenDesign: The 1st Collaborative AI Design Agent Workspace
✨ Celebrating 100K GitHub stars with OpenDesign Go — Go credits are doubled: $8 for your first month, with up to $120 in monthly credits for eligible Design Plan models. Use them across 10+ models, including GPT-6 Luna, DeepSeek V4.1 Flash, GLM-5.3 Flash-X, and MiMo V2.6 Flash. All personal plans include API access for Codex, Claude Code, DSH, OpenCode, and more.
Website · Download · OpenDesign Cloud · Discord · Follow @OpenDesignHQ
English · Español · Português · Deutsch · Français · 简体中文 · 繁體中文 · 한국어 · 日本語 · العربية · Русский · Українська · Türkçe · ภาษาไทย
What is OpenDesign
OpenDesign is the 1st collaborative AI design agent workspace. Start with a brief, then use your coding agent or OpenDesign Cloud to create a prototype that follows your design system. Share it with your team for feedback, and let your agent refine it in the same project.
That workflow is open and extensible. OpenDesign is licensed under Apache 2.0 and gives teams skills, design templates, design systems, and plugins they can inspect and adapt to their own process.
Product tour
Core pages
Home — start with a brief or an example.
All projects — revisit design systems, media, and prototypes.
Design Systems — inspect brand assets and refine them with an agent.
Plugins — find skills and launch them with Try it.
Studio — create and refine in one project
Prototype — build and refine interactive web experiences with your agent and live preview.
Slides — create decks, review slides and speaker notes, and export when ready.
Image — generate visual assets from the conversation, inspect the result, then download or open it.
HyperFrames — create motion graphics with your agent and export to MP4. Watch the video.
Platform Compatibility
OpenDesign connects to mainstream coding agents in two ways: skills, CLI, and MCP for agents that consume OD, plus native runtime adapters for agents that OD launches directly. DeepSeek Harness is a first-class native runtime through the official
dshCLI, with structured streaming, model discovery, cancellation, and session resume.
| Coding agent / platform | Status | Quick setup |
|---|---|---|
| Claude Code | ✅ Supported | od mcp install claude |
| Claude Desktop | ✅ Supported¹ | od mcp install claude-desktop |
| Codex CLI | ✅ Supported | od mcp install codex |
| DeepSeek Reasonix | ✅ Supported | od mcp install reasonix |
| DeepSeek Harness | ✅ Native runtime | od agent setup deepseek-harness |
| Raven | ✅ Supported | od mcp install raven |
| Cursor | ✅ Supported | od mcp install cursor |
| VS Code + GitHub Copilot | ✅ Supported | od mcp install copilot |
| GitHub Copilot CLI | ✅ Supported | od mcp install copilot |
| OpenCode | ✅ Supported | od mcp install opencode |
| OpenClaw | ✅ Supported | od mcp install openclaw |
| Antigravity | ✅ Supported | od mcp install antigravity |
| Cline | ✅ Supported | od mcp install cline |
| Trae | ✅ Supported | od mcp install trae |
| Kimi CLI | ✅ Supported | od mcp install kimi |
| Kiro | ✅ Supported | od mcp install kiro |
| Pi Agent | ✅ Supported | od mcp install pi |
| Mistral Vibe CLI | ✅ Supported | od mcp install vibe |
| Hermes Agent | ✅ Supported | od mcp install hermes |
For DeepSeek Harness, install the official dsh CLI first, then select it in OpenDesign or run od agent setup deepseek-harness to install/repair OD's connection component. For MCP integrations: od mcp install --print for a dry-run preview · --uninstall to remove · full list with od mcp install --help.
¹ Automatic MCP configuration for Claude Desktop is currently supported on macOS and Windows only.
No CLI installed? The BYOK proxy at POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream gives you the same loop (no process spawn) — paste baseUrl + apiKey + model, with presets for OpenAI, Atlas Cloud, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM, or any OpenAI-compatible endpoint. Atlas Cloud uses https://api.atlascloud.ai/v1 with your own key and OpenAI-compatible model ids such as qwen/qwen3.5-flash. Per-target SSRF protection blocks internal IPs / link-local / CGNAT at the daemon edge.
Runtime definitions live in apps/daemon/src/runtimes/defs/, with registration and shared stream handling under apps/daemon/src/runtimes/. See docs/agent-adapters.md for the adapter contract.
Demo
Four core product categories, all rendered by a coding agent running on your laptop. Click a thumbnail to see the real example.
1 · Prototypes — web · desktop · mobile
The default output surface. Single-page HTML artifacts that read your DESIGN.md and render in a sandboxed iframe.
Web prototype — an editorial dashboard with scrollbars, KPIs,