Open Design: Free Open-Source Claude Design Clone
Open Design replicates Claude Design's AI-powered UI generation locally for free, using any model or CLI agent, with 31 skills and 72 design systems for production-ready landing pages, decks, and prototypes.
Escape Claude Design's Paywalls with Local-First Flexibility
Claude Design generates polished UIs, wireframes, prototypes, and presentations via natural language, rivaling tools like Google's Stitch, but it's locked behind Anthropic subscriptions, rate limits, and cloud-only workflows—no multi-model support or repo integration. Open Design solves this as a fully open-source, local-first alternative: run it via web daemon with file system access, SQLite persistence, and exports to HTML, PDF, PowerPoint, or ZIP. Bring your own API keys for OpenAI-compatible proxies or auto-detect up to 15 CLI coding agents (e.g., Claude Code, Codex, DeepSeek, Gemini CLI) to power design workflows. This setup avoids vendor lock-in, enabling unlimited generations without extra costs—outputs match Claude's quality for landing pages, animated decks, and mobile UIs that feel human-designed.
Generate Production UI via 31 Skills and 72 Design Systems
Open Design uses an agentic workflow mimicking a real designer: select from 72 composable design systems and 31 skills for structured, high-fidelity outputs like newsletters, SaaS dashboards, or annual reports. Prompt iteratively (e.g., "Build a sleek newsletter landing page for desktop/mobile")—it asks clarifying questions on fidelity (high-fidelity vs. wireframe), design direction, and custom angles, then leverages your chosen agent for generation. Annotate sections, comment for edits, or attach assets; upcoming features include drawing tools. Examples include clean newsletter layouts with themes, animated slide decks, and structured prototypes—all downloadable for handoff to coding agents. Pair with efficient models like MiniMax for web dev or set high reasoning effort in Codex for optimal results; integrate media providers (e.g., Fish Audio TTS, OpenAI DALL-E) for images, video, audio.
Install and Run in Minutes with Node.js 24+
Prerequisites: Node.js v24+. Enable Corepack (corepack enable), verify corepack npm outputs 10.33.2. Clone repo (git clone https://github.com/nexu-io/open-design), cd open-design, pnpm install, then pnpm tools:dev:run web to launch at localhost. Configure in welcome daemon: auto-detect CLI agents, add API keys/models (recommend MiniMax), set MCP servers for agent-to-agent access, languages, theme, notifications. Prototype via left panel (templates, chat, images/videos); create projects like blog posts in ~5 minutes. Switch agents anytime via sidebar. Deployable and extensible, it supports Claude ZIP imports and works with tools like Kilo or Kirao for full design-to-code pipelines.