nexu-io/open-design — Claude Design의 로컬-퍼스트 OSS 대안

Claude Design을 통째로 로컬로

anthropic의 Claude Design이 4월 17일 Opus 4.7 위에 얹혀 발표된 직후, 며칠 만에 OSS 대안이 9,800스타까지 폭발한 게 nexu-io/open-design이야. "디자인 에이전트도 결국 cloud 의존이면 unlocked 가치는 없다"는 안티-락인 논리가 그대로 통했어. 하루 평균 420 스타, 주간 3,100 스타로 4월 22일 첫 공개 이후 계속 가속.

특이한 게 한 가지 있어 — open-design은 자체 모델을 쓰지 않아. 대신 PATH에 깔린 Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen, Copilot, Hermes, Kimi, Pi, Kiro 11종 CLI를 자동 감지해서 디자인 엔진으로 활용해. 너의 머신에 이미 깔린 코딩 에이전트가 디자인 결과물(웹/데스크톱/모바일 프로토타입, 슬라이드, 이미지, 비디오)을 만들고, open-design은 그 위에 19개 Skill + 71개 디자인 시스템을 입혀.

프로젝트 배경 — 누가, 왜 만들었나

nexu-io는 OpenClaw라는 데스크톱 브리지를 같은 조직에서 만든 곳이야. 4월 8일에 풀린 OpenClaw가 "Claude Code를 임의 데스크톱 작업과 연결하는 OSS 다리"였다면, open-design은 그 위에 디자인이라는 도메인을 얹은 거야. 자매 프로젝트 nexu-io/nexu도 같은 그룹이고 — 즉 "오픈 데스크톱 에이전트 스택"을 한 조직이 시리즈로 깔고 있는 그림이야.

이 프로젝트가 왜 단숨에 떴는지는 타이밍 분석으로 풀려. Claude Design은 4/17 발표 시점에 Opus 4.7 위에서만 돌도록 락인됐는데, Opus 4.7은 같은 4월 thinking-on default 가격 이슈로 r/ClaudeAI에서 한 달째 토큰 burn 불만이 끊이질 않았어. 사용자 입장에서 "Claude Design 멋진데 비용 통제가 안 된다"는 답답함이 BYOK + 로컬 대안에 대한 대기 수요를 만들었고, open-design이 그 대기 수요를 정확히 받아 낸 거야.

배경을 한 단계 더 올리면, 이건 "디자인 도구가 단일 벤더 클라우드에서 풀려나오는 큰 흐름"의 일부야. Vercel v0가 클라우드 락인이고 Figma가 Adobe와의 합병 무산 후 자체 AI 도구 라인업을 늘리는 상황에서, "벤더 중립 + 로컬 + OSS"라는 세 마리 토끼를 잡은 OSS 대안이 만든 자리가 비어 있었어. open-design이 그 자리에 정확히 앉은 거야.

핵심 기능 — 19 Skill + 71 디자인 시스템 + BYOK 전 레이어

19개 Skill은 디자인 작업을 단위 동작으로 분해한 거야. "웹 페이지 디자인", "모바일 앱 와이어프레임", "PPT 슬라이드 1세트", "단일 이미지 hero", "30초 비디오", "HyperFrame(다중 페이지 인터랙션)" 등이 들어가. Skill 단위로 기획돼 있어서 사용자가 직접 커스텀 Skill을 추가할 수 있어. 71개 디자인 시스템은 브랜드급으로 큐레이션됐는데, 사이트 README의 매트릭스를 보면 Material 3, Apple HIG 2026, Microsoft Fluent 2, Linear 라인업, Stripe Press 같은 톤들이 망라돼 있어.

BYOK는 모델·임베딩·검색 세 레이어 전부에 적용돼. 즉 OpenAI 키로 LLM, Voyage 키로 임베딩, Tavily 키로 웹 검색을 골라 끼울 수 있고, 또는 모두 OSS(Ollama + bge + SearxNG)로 갈 수 있어. 이게 실무에서 어떻게 다른지가 중요한데 — 한 디자인 작업의 토큰 비용을 사용자가 정확히 컨트롤할 수 있게 됐다는 의미야.

# 시작
git clone https://github.com/nexu-io/open-design.git
cd open-design && pnpm install
pnpm dev  # 그 다음 본인 CLI를 http://localhost:3000 으로 연결

11개 CLI 자동 감지가 내부적으로는 단순한 which/PATH 스캔과 버전 호환 체크를 한 줄에 묶은 거야. 새 CLI가 출시되면 detector를 한 줄 추가하면 되니까 확장이 쉬워. 4월 마지막 주 PR에 Genspark CLI detector가 들어왔어 — 같은 주에 Genspark가 MS 파트너십 발표한 시점과 정확히 맞물림.

기술 스택 + 아키텍처

스택은 TypeScript + Node + Vite + Vercel 배포 옵션. 클로즈드 루프 파이프라인은 detect → pick skill + design system → chat → parse artifact → preview → save 순서야. 핵심은 "preview"와 "save" 사이에 sandbox preview 레이어가 있다는 점. 즉 결과물이 사용자 브라우저로 실제 렌더링된 상태로 확인되고, 그 후에야 HTML/PDF/PPTX/MP4로 export돼. AI가 생성한 디자인이 "보기엔 그럴싸한데 실제로는 안 돌아가는" 함정을 피하려는 디자인 결정이야.

Vercel-deployable인 게 또 다른 차별점인데, 로컬 개발하다가 공유 링크가 필요하면 그대로 push해서 Vercel에 올릴 수 있어. "로컬-퍼스트지만 협업 시점에는 클라우드"라는 하이브리드 시나리오가 실무 워크플로에 잘 맞아.

경쟁 레포 비교

프로젝트	모델	라이선스	BYOK	디자인 시스템 동봉
nexu-io/open-design	11개 CLI 갈아끼움	MIT	모든 레이어	71개
anthropic/claude-design	Claude Opus 4.7 락인	비공개	없음	Anthropic 디폴트
vercel/v0	자체 클라우드 락인	비공개	없음	Tailwind/shadcn 기본
tldraw/make-real	OpenAI 지정	MIT	API 키만	없음

차별점이 명확해 — open-design은 "벤더 중립"을 끝까지 밀었어. 사용자 입장에서는 LLM, 임베딩, 검색, 디자인 시스템 네 변수 모두를 통제할 수 있는 유일한 옵션이야.

왜 지금 뜨는가 — 생태계 맥락

세 가지 흐름이 같은 주에 겹쳤어. 첫째, Claude Design이 출시 1주일 만에 사용자 한 줄 평가가 "예쁜데 비싸다"로 굳어졌고, 그 갈등이 OSS 대안 검색 트래픽을 끌어올렸어. 둘째, Genspark의 MS 파트너십(4/29)이 "third-party 에이전트가 기존 워크플로 안에 자리잡는다"는 시그널을 줬는데, open-design은 정확히 그 자리(MS Office 외 영역, 디자인 도구)를 노려. 셋째, OpenAI 5/1 macOS 데스크톱 앱 강제 업데이트와 indirect prompt injection 보고서가 같은 주에 풀리면서 "클라우드에 DM/Office 데이터를 통째로 보내는 게 안전한가"라는 우려가 강해졌어. 로컬-퍼스트가 보안 측면에서도 어필한 거야.

HN 토론에서 가장 많이 인용된 코멘트는 "Claude Design이 7일짜리 광고였고, open-design이 영구판"이라는 평가야. 약간 과한 표현이지만 OSS 대안의 typical 수명 사이클(첫 1주 vs 장기 진화)을 정확히 짚었어.

r/SideProject, r/opensource, r/LocalLLaMA에서도 같은 주에 같은 패턴 — "Claude Design 좋은데 비용/락인 우려 있고, open-design이 그 대안"이라는 평이 계속 올라왔어.

시작하기 + 함정

설치 자체는 4단계 명령으로 끝나는데, 두 가지 함정이 있어. 첫째, 11개 CLI 중 사용자 머신에 깔려 있는 게 0개면 의미가 없어. 즉 사전에 Claude Code, Cursor 중 1개라도 설치돼 있어야 함. README에 가장 빠른 설치 가이드가 Claude Code + Anthropic 키 + Voyage 임베딩 조합이야. 둘째, BYOK 설정이 environmental variable 5-7개를 깔아야 하는데, .env.example을 그대로 복사하면 대부분 동작.

한계와 전망

지금 한계는 두 가지 — 모바일 네이티브 프로토타입(SwiftUI/Compose)은 아직 코드 export가 거칠고, 비디오 Skill은 30초 이하 짧은 클립만 지원. 로드맵을 보면 5월 안에 SwiftUI export refiner와 Sora2/Veo3 백엔드 연동이 잡혀 있어. 이게 도착하면 "디자인 → 풀스택 export"가 한 번에 끝나는 첫 OSS 도구가 돼.

장기적으로는 "디자인 시스템 시장의 OSS화"라는 더 큰 흐름의 신호일 수 있어. Material/Fluent 같은 자체 시스템을 갖춘 빅테크는 자기 도구를 만들 동기가 줄어들고, OSS 디자인 에이전트가 71개 시스템을 큐레이션해서 모두 다루는 그림이 자리잡으면 디자인 시스템 자체가 commodity가 돼.

내일 아침에 할 것

개발자: 로컬에 Claude Code 또는 Cursor가 깔려 있다면 pnpm dev로 5분 안에 첫 디자인을 뽑아 봐. 본인 회사 디자인 시스템을 71개 매트릭스에 추가해서 PR 보내면 OSS 기여 카테고리 중 가장 가시성 높은 자리야. PM/창업자: 사내 디자인 도구 선택 시 "Claude Design vs open-design + BYOK" 비용 시뮬레이션을 5월 첫 주 안에 돌려 봐. 토큰 사용량 1만 건 기준으로 30-60% 절감이 일반적. 디자이너: 본인 디자인 시스템을 하나 픽업해 71개 매트릭스에 비교해 보면, 본인 시스템의 강점/약점이 명확히 드러나. 그 분석이 다음 디자인 가이드 업데이트의 시작점이야.

참고 자료

• 리포: https://github.com/nexu-io/open-design
• Anthropic Claude Design 발표: https://www.anthropic.com/news/claude-design
• Vercel v0: https://v0.dev/
• tldraw/make-real: https://github.com/tldraw/make-real
• nexu-io 조직: https://github.com/nexu-io