Skip to main content
ClaudeWave
EN, English
nexu-io / Subagents

open-design

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.

  • 103.5k stars
  • 11.8k forks
  • 1,269 open issues
  • Language: TypeScript
  • License: Apache-2.0
  • updated

Install

Terminal
git clone https://github.com/nexu-io/open-design && cp open-design/*.md ~/.claude/agents/
  1. Clone the repository and copy the agent .md definitions into ~/.claude/agents (or .claude/agents inside a project).
  2. Start a new Claude Code session to load the agents.
  3. Delegate work to them with the Task/Agent tool or by name.

Editor's note

Open Design is a local-first, open-source native desktop application for macOS and Windows that generates UI artifacts, including web, desktop, and mobile prototypes, presentation decks, live dashboards, images, video, and HyperFrames motion graphics, all driven by coding agents rather than manual canvas work. The application ships with 259 agent skills, 142 brand-grade DESIGN.md design systems, and 261 plugins; outputs can be exported as HTML, PDF, PPTX, or MP4 from a sandboxed iframe preview environment. It connects to Claude Code as a primary agent runtime and also supports Codex, Cursor, OpenCode, Copilot, Hermes, Kimi, and 21 additional local CLIs, or any OpenAI-compatible endpoint through a bring-your-own-key model. Version 0.9.0 introduced a built-in Model Router that eliminates separate API key configuration. The tool benefits designers, front-end developers, and product teams who want agent-driven prototyping governed by a shared DESIGN.md brand contract rather than closed, cloud-only design tooling.

Installable items

24 items in this repository

|

Install
blogSkill
Install

|

Install

Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

|

Install

8 页极简方向键 keynote — 每页一个独立单色背景(靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭),各自配色,160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合"有话要说但没什么可看"的 keynote、launch、公开演讲。

Install
README

Subagents overview

Full README on GitHub

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 dsh CLI, with structured streaming, model discovery, cancellation, and session resume.

Coding agent / platform         Status   Quick setup                   
Claude Code✅ Supportedod mcp install claude
Claude Desktop✅ Supported¹od mcp install claude-desktop
Codex CLI✅ Supportedod mcp install codex
DeepSeek Reasonix✅ Supportedod mcp install reasonix
DeepSeek Harness✅ Native runtimeod agent setup deepseek-harness
Raven✅ Supportedod mcp install raven
Cursor✅ Supportedod mcp install cursor
VS Code + GitHub Copilot✅ Supportedod mcp install copilot
GitHub Copilot CLI✅ Supportedod mcp install copilot
OpenCode✅ Supportedod mcp install opencode
OpenClaw✅ Supportedod mcp install openclaw
Antigravity✅ Supportedod mcp install antigravity
Cline✅ Supportedod mcp install cline
Trae✅ Supportedod mcp install trae
Kimi CLI✅ Supportedod mcp install kimi
Kiro✅ Supportedod mcp install kiro
Pi Agent✅ Supportedod mcp install pi
Mistral Vibe CLI✅ Supportedod mcp install vibe
Hermes Agent✅ Supportedod 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.

Topics
agent-skillsai-designbyokclaude-code-for-designclaude-designcodex-designcursor-designdeepseekdeepseek-harnessdesign-systemsdesktop-appdesktop-appsdshdsh-pluginfigma-alternativehermes-agentlocal-firstprototypingui-generatorvibe-coding
Frequently asked

What people ask about open-design

What is nexu-io/open-design?

nexu-io/open-design is subagents for the Claude AI ecosystem. The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace. It has 103.5k GitHub stars and its last recorded update is dated 2026-10-23.

How do I install open-design?

You can install open-design by cloning the repository (https://github.com/nexu-io/open-design) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is nexu-io/open-design safe to use?

Our security agent has analyzed nexu-io/open-design and assigned a Trust Score of 97/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.

Who maintains nexu-io/open-design?

nexu-io/open-design is maintained by nexu-io. The last recorded GitHub activity is dated 2026-10-23, with 1269 open issues.

Are there alternatives to open-design?

Yes. On ClaudeWave you can browse similar subagents at /categories/agents, sorted by popularity or recent activity.

Maintain this repo? Show its Trust Score in your README

The badge shows this repository's current Trust Score and verdict, and links back to this page. It follows the catalogue data: nobody can buy or edit the score it displays.

ClaudeWave Trust Score for nexu-io/open-design
Markdown (README)
[![ClaudeWave Trust Score for nexu-io/open-design](https://claudewave.com/api/badge/nexu-io-open-design)](https://claudewave.com/en/repo/nexu-io-open-design)
HTML
<a href="https://claudewave.com/en/repo/nexu-io-open-design"><img src="https://claudewave.com/api/badge/nexu-io-open-design" alt="ClaudeWave Trust Score for nexu-io/open-design" width="320" height="64"></a>

What the badge means and how the score is computed

Alternatives

See all
Project homepage
https://open-design.ai