open-design
nexu-io · nexu-io/open-design
Một không gian làm việc tác nhân thiết kế cộng tác mã nguồn mở và plugin biến các tác nhân mã hóa thành công cụ thiết kế cho các nguyên mẫu, trang đích, bảng điều khiển và phương tiện với nhiều tùy chọn xuất khác nhau.
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.
Xem trước
Bạn có thể làm gì với nó
- Tạo nguyên mẫu UI và trang đích trực tiếp từ một bản tóm tắt bằng cách sử dụng tác nhân mã hóa AI.
- Sử dụng tác nhân AI để tạo và tinh chỉnh các hệ thống thiết kế, tài sản thương hiệu và các loại phương tiện khác nhau như hình ảnh hoặc video.
- Xuất các thiết kế do tác nhân tạo ra sang nhiều định dạng như HTML, PDF, PPTX hoặc MP4 cho các bản trình bày hoặc giao hàng.
Thử hỏi agent của bạn
- “Thiết kế giao diện người dùng dashboard cho một ứng dụng SaaS, bao gồm các biểu đồ dữ liệu liên quan.”
- “Tạo ba tài sản hình ảnh riêng biệt cho một chiến dịch truyền thông xã hội quảng bá tính năng mới của chúng tôi.”
- “Tạo một đoạn hoạt hình ngắn cho video giới thiệu công ty của chúng tôi, xuất dưới dạng MP4.”
Kiểm tra an toàn
Dùng được, nhưng nên đọc ghi chú trước.
- ●Gói npm tự chạy script khi cài đặt.
package.json - ●Trình cài đặt tải script từ xa và chạy thẳng bằng shell.
README.md
Quét tự động các file trong repo. Luôn xem lại code trước khi chạy.
Trích từ 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,