spoonai
GitHubDesign-AgentLocal-FirstBYOK

nexu-io/open-design — A Local-First Open Alternative to Claude Design

Anthropic's Claude Design rebuilt as a local-first OSS framework. 19 Skills, 71 brand-grade design systems, BYOK at every layer, and auto-detection of 11 coding-agent CLIs as the design engine.

·5분 소요·GitHubGitHub
공유
nexu-io/open-design GitHub OG card — 9,800 stars design agent
Source: GitHub

Claude Design, Local

A week after Anthropic shipped Claude Design on Opus 4.7, an OSS alternative was already trending at ~9,800 stars: nexu-io/open-design. The anti-lock-in pitch landed because Claude Design is gorgeous but priced like Opus 4.7. open-design is doing roughly 420 stars/day and 3,100/week since the April 22 first cut.

The unusual move: open-design ships no model of its own. It auto-detects up to 11 coding-agent CLIs already on your PATH (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen, Copilot, Hermes, Kimi, Pi, Kiro) and uses one of them as the design engine. On top of that engine it layers 19 Skills (web/desktop/mobile prototypes, slides, images, video, HyperFrames) and 71 brand-grade design systems.

Background — Who, and Why It Hit

nexu-io is the same org behind OpenClaw (the desktop bridge that landed April 8) and nexu-io/nexu. They're shipping an open desktop-agent stack as a series. open-design is the design-domain layer.

Why it hit instantly: Claude Design launched with Opus 4.7 lock-in at exactly the moment r/ClaudeAI complaints about thinking-on default token-burn weren't cooling off. Latent demand for "Claude Design but I control the cost" was there. open-design caught it.

Macro context: design tooling is decoupling from single-vendor cloud. Vercel v0 is closed cloud, Figma's playing catch-up post-Adobe, and the "vendor-neutral + local + OSS" three-way is a vacant seat. open-design sat in it.

Core — 19 Skills + 71 Design Systems + BYOK Everywhere

The 19 Skills break design work into named units: web page, mobile wireframe, slide deck, hero image, 30-second video, HyperFrame (multi-page interactive). Users can author custom Skills. The 71 design systems are brand-grade — Material 3, Apple HIG 2026, Microsoft Fluent 2, Linear, Stripe Press, etc.

BYOK applies to model, embeddings, and search separately. Use OpenAI for the LLM, Voyage for embeddings, Tavily for search — or go full OSS (Ollama + bge + SearxNG). The practical impact: per-task token cost is finally something the user controls.

git clone https://github.com/nexu-io/open-design.git
cd open-design && pnpm install
pnpm dev  # then point your CLI at http://localhost:3000

The 11-CLI auto-detection is essentially a which/PATH scan plus a version-compat check. Adding a new CLI is a one-line detector PR — and a Genspark detector landed during the same week as the Genspark + Microsoft partnership announcement.

Stack + Architecture

TypeScript + Node + Vite, with optional Vercel deploy. Closed-loop pipeline: detect → pick skill + design system → chat → parse artifact → preview → save. The sandboxed preview between parse and save is the architecturally important piece — it forces a real-render check before export, which avoids the "AI design that looks good but doesn't run" failure mode.

Compete Set

Project Model License BYOK Bundled design systems
nexu-io/open-design 11 CLIs swappable MIT All layers 71
anthropic/claude-design Opus 4.7 lock-in Closed None Anthropic default
vercel/v0 Cloud lock-in Closed None Tailwind/shadcn
tldraw/make-real OpenAI fixed MIT Key only None

open-design pushes vendor-neutrality the furthest. You can independently swap LLM, embeddings, search, and design system.

Why Now

Three currents collided in one week. One, "Claude Design is gorgeous but expensive" became the consensus take. Two, the Genspark + Microsoft partnership made "third-party agents inside existing workflows" the new playbook, and open-design slots into the design corner of that playbook. Three, OpenAI's mandatory May 1 macOS update and the parallel Google + Forcepoint indirect-prompt-injection report turned cloud-data-exfil into a live security worry — local-first design tooling reads as a safer default.

The most upvoted HN take: "Claude Design was a 7-day ad. open-design is the permanent edition." Hyperbolic, but it captured the lifecycle pattern.

Getting Started + Pitfalls

Two pitfalls. One: open-design is useless if you have zero of the 11 CLIs installed. Easiest path is Claude Code + Anthropic key + Voyage embeddings. Two: BYOK needs 5-7 env vars; the .env.example has them all.

Limits and Outlook

Native mobile (SwiftUI/Compose) export is rough; video Skill caps at ~30-second clips. The May roadmap covers a SwiftUI export refiner and Sora2/Veo3 backends. When that lands, open-design becomes the first OSS that goes design → full-stack export in one pass.

Long-term: design systems may commoditize. If a vendor-neutral OSS design agent curates 71 systems and serves them all equally, the marginal value of any single proprietary system shrinks.

Tomorrow Morning

Developers: if Claude Code or Cursor is already on your machine, pnpm dev and ship a first design within 5 minutes. PM in your way: PR your company's design system into the 71-matrix — highest-visibility OSS contribution slot of the quarter. Founders: run a "Claude Design vs open-design + BYOK" cost simulation by Friday — at 10K-task scale 30-60% savings is typical. Designers: pick one of the 71 systems and benchmark yours against it; the diffs become your next design-guide update.

References

관련 기사

무료 뉴스레터

AI 트렌드를 앞서가세요

매일 아침, 엄선된 AI 뉴스를 받아보세요. 스팸 없음. 언제든 구독 취소.

매일 30개+ 소스 분석 · 한국어/영어 이중 언어광고 없음 · 1-클릭 해지