로컬 우선 오픈소스 디자인 도구
🚀 프로젝트 소개
Open Design는 Anthropic의 Claude Design에 대한 로컬 우선의 오픈소스 대안으로, 디자인 시스템과 다양한 스킬을 활용하여 사용자가 직접 디자인 작업을 수행할 수 있도록 돕습니다. 이 프로젝트는 클라우드 의존성을 없애고, 사용자가 자신의 코딩 에이전트를 디자인 엔진으로 활용할 수 있게 합니다.
✨ 주요 기능
- 19개의 조합 가능한 스킬 제공
- 71개의 브랜드 등급 디자인 시스템 포함
- HTML, PDF, PPTX로의 내보내기 기능
🛠️ 기술 스택
이 프로젝트는 TypeScript로 개발되었으며, 다양한 AI 코딩 에이전트(Claude Code, Codex, Cursor 등)와 통합되어 작동합니다. React 프레임워크를 사용하여 웹 배포가 가능하며, BYOK(Bring Your Own Key) 방식을 채택하고 있습니다.
💡 활용 방법
개발자는 Open Design을 통해 자신의 디자인 프로젝트를 보다 효율적으로 관리하고, AI의 도움을 받아 창의적인 디자인 작업을 수행할 수 있습니다. 사용자는 간단한 명령어로 디자인을 시작할 수 있습니다.
📄 Original (English)
🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems · 🖼️ sandboxed preview · 📦 HTML/PDF/PPTX export. 🤖 Runs on Claude Code / Codex / Cursor / Gemini CLI / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.
Open Design
The open-source alternative to [Claude Design][cd]. Local-first, web-deployable, BYOK at every layer — your existing coding agent (Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI) becomes the design engine, driven by 19 composable Skills and 71 brand-grade Design Systems.
Why this exists
Anthropic's [Claude Design][cd] (released 2026-04-17, Opus 4.7) showed what happens when an LLM stops writing prose and starts shipping design artifacts. It went viral — and stayed closed-source, paid-only, cloud-only, locked to Anthropic's model and Anthropic's skills. There is no checkout, no self-host, no Vercel deploy, no swap-in-your-own-agent.
Open Design (OD) is the open-source alternative. Same loop, same artifact-first mental model, none of the lock-in. We don't ship an agent — the strongest coding agents already live on your laptop. We wire them into a skill-driven design workflow that runs on pnpm dev, deploys to Vercel, and stays BYOK at every layer.
Type make me a magazine-style pitch deck for our seed round. The interactive question form pops up before the model improvises a single pixel. The agent picks one of five curated visual directions. A live TodoWrite plan streams into the UI. The daemon builds a real on-disk project folder with a seed template, layout library, and self-check checklist. The agent reads them — pre-flight enforced — runs a five-dimensional critique against its own output, and emits a single <artifact> that renders in a sandboxed iframe seconds later.
That's not "AI tries to design something". That's an AI that has been trained, by the prompt stack, to behave like a senior designer with a working filesystem, a deterministic palette library, and a checklist culture — exactly the bar Claude Design set, but open and yours.
OD stands on four open-source shoulders:
alchaincyf/huashu-design— the design-philosophy compass. Junior-Designer workflow, the 5-step brand-asset protocol, the anti-AI-slop checklist, the 5-dimensional self-critique, and the "5 schools × 20 design philosophies" idea behind our direction picker — all distilled intosrc/prompts/discovery.ts.op7418/guizang-ppt-skill— the deck mode. Bundled verbatim underskills/guizang-ppt/with original LICENSE preserved; magazine-style layouts, WebGL hero, P0/P1/P2 checklists.OpenCoworkAI/open-codesign— the UX north star and our closest peer. The first open-source Claude-Design alternative. We borrow its streaming-artifact loop, its sandboxed-iframe preview pattern (vendored React 18 + Babel), its live agent panel (todos + tool calls + interruptible generation), and its five-format export list (HTML / PDF / PPTX / ZIP / Markdown). We deliberately diverge on form factor — they are a desktop Electron app bundling [pi-ai][piai]; we are a web app + local daemon that delegates to your existing CLI.multica-ai/multica— the daemon-and-runtime architecture. PATH-scan agent detection, the local daemon as the only privileged process, the agent-as-teammate worldview.
Apache License 2.0