# Open Design

> Open-source, local-first alternative to Claude Design that wires 12 coding-agent CLIs into a skill-driven design workflow with 31 composable skills and 72 brand-grade design systems.

Open Design (OD) is an open-source, local-first alternative to Anthropic's Claude Design, built to run on your laptop or deploy to Vercel with full BYOK (Bring Your Own Key) support at every layer. It auto-detects 12 coding-agent CLIs on your PATH — including Claude Code, Codex, Gemini CLI, Cursor Agent, GitHub Copilot CLI, and more — and turns them into a skill-driven design engine. With 31 composable skills, 72 brand-grade design systems, and a sandboxed iframe preview, it produces real on-disk design artifacts without any vendor lock-in.

- **12 Coding-Agent CLI Adapters**: *Auto-detects Claude Code, Codex, Devin for Terminal, Cursor Agent, Gemini CLI, OpenCode, Qwen Code, GitHub Copilot CLI, Hermes, Kimi, Pi, and Kiro on your PATH; swap agents with one click.*
- **31 File-Based Skills**: *Drop a folder into `skills/` following the SKILL.md convention and it appears in the picker — covering prototypes, decks, dashboards, mobile apps, social carousels, PM specs, invoices, and more.*
- **72 Design Systems**: *Each system is a portable 9-section `DESIGN.md` covering color, typography, spacing, layout, components, motion, voice, brand, and anti-patterns — including Linear, Stripe, Vercel, Notion, Apple, Cursor, Supabase, and more.*
- **Interactive Discovery Form**: *Every fresh brief starts with a structured question form (surface, audience, tone, brand context, scale) before the model writes a single pixel, eliminating 80% of redirects.*
- **5 Visual Directions**: *When no brand spec exists, the agent presents five deterministic directions (Editorial Monocle, Modern Minimal, Tech Utility, Brutalist, Soft Warm) — each with an OKLch palette and font stack.*
- **BYOK Proxy**: *`POST /api/proxy/stream` accepts any OpenAI-compatible `baseUrl` + `apiKey` + `model`, enabling Anthropic-via-OpenAI, DeepSeek, Groq, OpenRouter, or self-hosted vLLM as the engine.*
- **Media Generation**: *Supports gpt-image-2 for images, Seedance 2.0 for cinematic text-to-video, and HyperFrames for HTML→MP4 motion graphics; 93 ready-to-replicate prompt templates ship in the box.*
- **5-Dimensional Self-Critique**: *Before emitting an artifact, the agent scores its output across philosophy, hierarchy, execution, specificity, and restraint — anything under 3/5 triggers a fix-and-rescore pass.*
- **Artifact Lint API**: *`POST /api/artifacts/lint` runs structural checks and feeds findings back to the agent for grounded self-correction.*
- **SQLite Persistence**: *Projects, conversations, messages, tabs, and saved templates persist locally in `.od/app.sqlite` — reopen tomorrow and the workspace is exactly where you left it.*
- **Claude Design ZIP Import**: *Drop an Anthropic Claude Design export onto the welcome dialog and continue editing with your local agent via `POST /api/import/claude-design`.*
- **Vercel-Deployable Web Layer**: *The Next.js 16 App Router frontend can be deployed to Vercel while the daemon runs locally, supporting both local and cloud topologies.*
- **Optional Electron Desktop Shell**: *A sandboxed Electron renderer with sidecar IPC (STATUS / EVAL / SCREENSHOT / CONSOLE / CLICK / SHUTDOWN) enables headless E2E automation.*

## Features
- 12 coding-agent CLI adapters (Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot, Devin, OpenCode, Qwen, Hermes, Kimi, Pi, Kiro)
- 31 file-based SKILL.md skills (prototype + deck modes)
- 72 brand-grade DESIGN.md design systems
- Interactive turn-1 discovery question form
- 5 deterministic visual directions with OKLch palettes
- OpenAI-compatible BYOK proxy with SSRF protection
- gpt-image-2 image generation
- Seedance 2.0 text-to-video and image-to-video
- HyperFrames HTML→MP4 motion graphics
- 93 ready-to-replicate prompt templates
- 5-dimensional self-critique pre-emit gate
- Artifact lint API
- SQLite-backed project persistence (projects, conversations, messages, tabs, templates)
- Claude Design ZIP import
- Sandboxed iframe artifact preview
- Export to HTML, PDF, PPTX, ZIP, Markdown
- Optional Electron desktop shell with sidecar IPC
- Vercel-deployable Next.js web layer
- Local daemon with real filesystem access for agents
- Per-namespace runtime isolation via OD_DATA_DIR

## Integrations
Claude Code, OpenAI Codex CLI, Devin for Terminal, Cursor Agent, Gemini CLI, OpenCode, Qwen Code, GitHub Copilot CLI, Hermes (ACP), Kimi CLI (ACP), Pi (RPC), Kiro CLI (ACP), OpenAI API, Azure OpenAI, DeepSeek, Groq, OpenRouter, vLLM, Vercel, Electron, SQLite, HyperFrames, Seedance 2.0 (ByteDance Volcengine)

## Platforms
WINDOWS, MACOS, LINUX, ANDROID, IOS, WEB, API, CLI

## Pricing
Open Source

## Version
open-design-v0.2.0

## Links
- Website: https://github.com/nexu-io/open-design
- Documentation: https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md
- Repository: https://github.com/nexu-io/open-design
- EveryDev.ai: https://www.everydev.ai/tools/open-design