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 estrellas
- 11.8k forks
- 1269 issues abiertos
- Lenguaje: TypeScript
- Licencia: Apache-2.0
- actualizado
Instalación
git clone https://github.com/nexu-io/open-design && cp open-design/*.md ~/.claude/agents/- Clone the repository and copy the agent .md definitions into ~/.claude/agents (or .claude/agents inside a project).
- Start a new Claude Code session to load the agents.
- Delegate work to them with the Task/Agent tool or by name.
Nota editorial
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.
24 items en este repositorio
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
8 页极简方向键 keynote — 每页一个独立单色背景(靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭),各自配色,160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合"有话要说但没什么可看"的 keynote、launch、公开演讲。
Resumen de Subagents
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.
Lo que la gente pregunta sobre open-design
¿Qué es nexu-io/open-design?
nexu-io/open-design es subagents para el ecosistema de Claude AI. 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. Tiene 103.5k estrellas en GitHub y su última actualización registrada es del 2026-10-23.
¿Cómo se instala open-design?
Puedes instalar open-design clonando el repositorio (https://github.com/nexu-io/open-design) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar nexu-io/open-design?
Nuestro agente de seguridad ha analizado nexu-io/open-design y le ha asignado un Trust Score de 97/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene nexu-io/open-design?
nexu-io/open-design es mantenido por nexu-io. La última actividad registrada en GitHub es del 2026-10-23, con 1269 issues abiertos.
¿Hay alternativas a open-design?
Sí. En ClaudeWave puedes explorar subagents similares en /categories/agents, ordenados por popularidad o actividad reciente.
¿Mantienes este repo? Muestra su Trust Score en tu README
La insignia muestra el Trust Score y el veredicto actuales de este repositorio y enlaza a esta página. Sigue los datos del catálogo: nadie puede comprar ni editar la puntuación que enseña.
[](https://claudewave.com/en/repo/nexu-io-open-design)<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>