| name | nexu-io--open-design |
| description | Alternative mã nguồn mở cho Claude Design — filesystem of design skills, 150 brand-grade DESIGN.md systems, 261 plugins. Chạy trên 21+ agent CLI qua MCP server. |
| allowed-tools | Bash, Read, Write |
| user-invocable | true |
Open Design là platform thiết kế agent-native: agent đọc DESIGN.md files như một design system và tạo ra prototype HTML, pitch deck, motion graphic, dashboard — tất cả từ 1 brief.
Install
curl -fsSL https://open-design.ai/install.sh -o /tmp/open-design-install.sh
sh /tmp/open-design-install.sh claude-code
Slash Commands
od skill list # xem 100+ skills
od skill search dashboard # tìm skill theo keyword
od skill apply landing-page --design minimal-saas
od plugin list # 261 plugins
od plugin install figma-to-react
od design-system list # 150 brand systems
Artifact Types (từ 1 brief)
/design landing-page brief="SaaS product for developers"
→ HTML prototype (web/mobile/desktop)
→ Live dashboard với editable params
→ Pitch deck (PPTX/PDF export)
→ Motion graphic (HTML→MP4 via HyperFrames)
→ Generated images/video
DESIGN.md Format
# Brand: YamTam Engine
## Colors
primary: #6366f1
background: #0f0f0f
text: #e2e8f0
## Typography
heading: "ui-sans-serif", weight 700
body: "ui-sans-serif", size 16px, line-height 1.5
## Components
button: rounded-lg, px-4 py-2, bg-primary
card: bg-zinc-900, border border-zinc-800, rounded-xl p-6
REST API (local daemon)
GET /api/skills — skill registry
GET /api/plugins — marketplace
GET /api/design-systems — brand catalog
POST /api/chat (SSE) — streaming artifact generation
GET /api/artifacts/lint — validate artifact
Stack
- Frontend: Next.js 16 + React 18
- Backend: Node 24, Express, SSE, SQLite
- Desktop: Electron
- Storage:
.od/ directory
- MCP server: tools for any MCP-compatible agent
Khi Nào Dùng
- Tạo prototype nhanh từ brief
- Generate pitch deck từ mô tả sản phẩm
- Cần design system portable (DESIGN.md) cho team
- Thay thế Figma cho AI-first workflow
Source
https://github.com/nexu-io/open-design · Apache-2.0