Open Design

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.