- Open Design đạt 31.9k stars GitHub chỉ trong 10 ngày sau khi ra mắt cuối tháng 4/2026.
- Chạy trên 16 coding agent CLI (Claude Code, Codex, Gemini...) với 31 Skills và 72 Design Systems sẵn dùng, local-first, miễn phí, Apache-2.0.
- Export được HTML, PDF, PPTX, MP4 - bao gồm HyperFrames video cinematics zero prompt engineering.
TL;DR
Open Design là studio thiết kế local-first, open-source, chạy trực tiếp trên coding agent CLI đang có sẵn trên máy của bạn - không cần đăng ký tài khoản, không bị lock-in, không telemetry. Ra mắt cuối tháng 4/2026, dự án thu về 31.9k stars GitHub trong 10 ngày và phát hành 5 version trong vòng 5 ngày liên tiếp, từ v0.2.0 đến v0.5.0 hiện tại.
Thay vì bundle một AI agent riêng, Open Design auto-detect 16 CLI sẵn có trên hệ thống ($PATH) và dùng chúng làm design engine - Claude Code, Codex, Gemini CLI, Cursor, OpenCode, Qwen, và hơn 10 agent khác. Kết quả: một tool design mạnh mà không cần trả thêm phí hay đổi workflow hiện tại.
Vấn đề với Claude Design
Khi Anthropic ra mắt Claude Design tháng 4/2026, cộng đồng developer nhanh chóng nhận ra một số điểm hạn chế nghiêm trọng: closed-source, chỉ chạy trên Claude Opus, bị lock hoàn toàn vào hệ sinh thái Anthropic, cloud-only và tính phí. Đối với ai đã đầu tư vào một coding agent khác - Gemini, Codex, Cursor - đây là một khoảng trống rõ ràng.
Open Design sinh ra để lấp khoảng trống đó. Thay vì cạnh tranh trực tiếp bằng cách build thêm một AI khác, team nexu-io chọn hướng khác: xây một lớp giao diện thống nhất phía trên các agent đã tồn tại, cho phép bất kỳ coding agent nào cũng trở thành design engine. Repo cũng hỗ trợ import trực tiếp file ZIP từ Claude Design, giúp migration không mất dữ liệu.
Kiến trúc 3 lớp và workflow 4 bước
Open Design được xây dựng trên 3 lớp chính:
Frontend: Next.js 16 App Router + React 18 - deploy được lên Vercel hoặc chạy localhost qua
pnpm tools-dev run web.Local Daemon: Node.js Express + SQLite - lưu trữ projects, conversations, messages, tabs, templates trên máy local.
Agent Transport: Child process spawning với per-CLI adapters - normalize stdio từ mỗi agent khác nhau về một định dạng chung.
Workflow 4 bước: Detect (scan $PATH tìm agent có sẵn) - Discover (question form khóa 5 design decision trước khi agent viết một dòng CSS) - Direct (chọn 1 trong 5 visual direction với palette, typography, layout gợi ý) - Deliver (agent viết file ra disk, preview trong sandboxed iframe, export).
Cơ chế "anti-AI-slop" đáng chú ý nhất: Turn 1 chỉ là question form, không nhảy ngay vào generate code. Bước discovery này ép agent hiểu đúng context - surface, audience, tone, scale, brand - trước khi thực sự làm việc, tránh tình trạng phải redo giữa chừng khi output không khớp kỳ vọng.
31 Skills, 72 Design Systems, 16 Agents
Ba con số tạo nên lợi thế cạnh tranh của Open Design v0.5.0:
Thành phần | Số lượng | Chi tiết |
|---|---|---|
Skills | 31 | 27 prototype skills (web, mobile, dashboard, email, social, docs, spec) + 4 deck skills |
Design Systems | 72 | Linear, Stripe, Vercel, Apple, Notion, Figma-based, Cursor... - Markdown-based DESIGN.md |
Coding Agents | 16 | Claude Code, Codex, Devin, Cursor, Gemini CLI, OpenCode, Qwen, Qoder CLI, Copilot CLI, Hermes, Kimi, Pi, Kiro, Kilo, Mistral Vibe, DeepSeek TUI |
Design Systems là file Markdown-based (DESIGN.md), không phải theme JSON - tức là version control được, switch mid-artifact mà không mất context. Skills được thêm vào bằng cách drop một folder - không cần restart app, không cần config phức tạp.
HyperFrames cung cấp 11 template video cinematic sẵn dùng (product reveal, cinematic opener, character intro) với zero prompt engineering - chọn template, thay vài chi tiết, nhận video chất lượng director-shot.
Open Design vs Claude Design - Bảng so sánh
Tiêu chí | Open Design | Claude Design |
|---|---|---|
Source code | Open-source (Apache-2.0) | Closed-source |
Agent | 16 CLI - BYOK | Claude Opus only, Anthropic-locked |
Hosting | Local-first, self-host, Vercel | Cloud-only |
Giá | Miễn phí | Trả phí |
Telemetry | Không | Có |
Import Claude Design | Có - ZIP import | Không áp dụng |
Export formats | HTML, PDF, PPTX, MP4, ZIP, Markdown | Hạn chế |
Ai nên thử ngay
Open Design phù hợp nhất với bốn nhóm người dùng:
Indie hackers và solo founder: cần pitch deck đẹp hoặc prototype nhanh mà không trả thêm phí cho tool design riêng.
Developer đang dùng Claude Code, Codex, hoặc Gemini CLI: không cần setup gì thêm - agent đã có sẵn, chỉ cần thêm giao diện Open Design.
Team đã có Claude Design workflow: tính năng ZIP import giúp migrate sang local mà không mất dữ liệu cũ.
Ai cần multi-agent flexibility: không muốn bị lock vào một AI provider duy nhất và muốn tự do switch khi có agent mới tốt hơn.
Điều kiện duy nhất: cần có ít nhất một coding agent CLI đã cài trên $PATH. Đối với hầu hết developer hiện nay, điều này gần như đã được đáp ứng.
Lộ trình phát triển
Tốc độ release của Open Design đáng chú ý: từ v0.2.0 đến v0.5.0 trong đúng 5 ngày. v0.5.0 (7/5/2026) bổ sung live-data dashboards, inspect mode để tune style trực tiếp trên preview, accent color theming, Critique Theater Phase 5, và Linux headless support. Bản v0.4.0 bị broken và được thay thế bởi v0.4.1 trong vòng 24 giờ - tín hiệu tốt về khả năng phản ứng của team.
Download desktop app (macOS Apple Silicon + Windows x64) hoặc deploy web app lên Vercel từ github.com/nexu-io/open-design.
Via: open-design.ai, GitHub nexu-io/open-design, open-design.ai, Trendshift, GitHub Releases.