A new open-source project called open-design is offering developers a way to generate designs locally without paying for a separate Claude Design subscription, though users still need to pay for underlying AI services like Claude API. Built by the nexu-io team and licensed under Apache-2.0, open-design combines 19 file-based skills with 71 brand-level design systems, theoretically enabling over 1,300 unique design configurations.

How Does Open-Design Differ From Anthropic's Claude Design?

The core distinction between open-design and Anthropic's Claude Design lies in deployment model and flexibility. While Claude Design is a closed-source, online-only platform locked to Anthropic's Opus model, open-design runs locally on your machine and can be deployed via Vercel. Rather than including its own AI agent, open-design delegates execution to command-line tools you likely already have installed, such as Claude Code, Codex, or Cursor.

The project uses a "bring your own key" (BYOK) model, meaning you connect your own API credentials from Anthropic, OpenAI, or Google rather than paying Anthropic for a separate Claude Design subscription. This approach appeals to developers already paying for Claude access through other services and wanting to avoid duplicate costs. Open-design is vendor-agnostic, allowing users to swap between different AI providers depending on their needs.

What Are the 19 Skills and 71 Design Systems?

Open-design's architecture is built on two abstraction layers: Skills and Design Systems. The 19 skills cover a wide range of design outputs organized into three main categories:

• Web and Interface Skills: Single-page HTML landing pages, SaaS marketing pages, admin dashboards, pricing pages, documentation pages, and blog posts
• Mobile and Presentation Skills: Mobile app screens, minimalist slide decks, magazine-style web presentations, and print posters
• Business Document Skills: Product requirement documents, weekly reports, meeting minutes, engineering runbooks, financial statements, HR onboarding materials, invoices, Kanban boards, and OKR scorecards

The 71 design systems are categorized by industry and include visual styles inspired by well-known brands. These range from AI and LLM companies like Claude and Mistral, which use minimalist and technical aesthetics, to developer tools like Cursor and Vercel with dark themes and monospace fonts, productivity apps like Notion and Figma with friendly rounded elements, and e-commerce platforms like Shopify and Airbnb with visually prominent brand colors.

Users without existing brand assets can choose from five preset visual directions: Editorial with magazine-style warm accents, Modern Minimal with structured restraint, Tech Utility with high information density and terminal aesthetics, Brutalist with raw typography and sharp edges, and Soft Warm with relaxed low-contrast peach tones. Each direction locks in a specific color scheme and font stack to ensure consistency in AI-generated outputs.

How to Deploy Open-Design Locally in Three Steps

Getting open-design running on your machine requires basic dependencies and three straightforward steps. Before starting, ensure you have Node.js version 10.33.x or later, pnpm as a package manager, Git, and at least one CLI agent like Claude Code or Cursor installed.

• Clone the Repository: Use Git to download the open-design project from GitHub by running "git clone https://github.com/nexu-io/open-design.git" and then navigate into the directory with cd open-design
• Enable pnpm and Install Dependencies: Run "corepack enable" to activate pnpm, then execute "pnpm install" to download all required packages and libraries
• Start the Local Service: Run "pnpm tools-dev run web" to launch the application, which automatically scans your system for available CLI agents and loads all 19 skills and 71 design systems

Once started, the system creates a runtime directory containing SQLite databases, projects, and artifacts, then opens the web interface at http://localhost:3000. Users should see an agent selector at the top, skill cards on the left, design system options on the right, and an initialization form in the center.

Who Benefits Most From Open-Design?

The project targets several user groups who need rapid design generation without hiring professional designers. Independent developers building landing pages, dashboards, or mobile prototypes can use open-design to accelerate their workflow. Product managers who need to quickly generate prototypes, PRD documents, or roadmap visualizations find value in the business document skills. Tech bloggers can generate high-quality cover images, comparison charts, and infographics. Professional designers can use open-design to automate repetitive tasks like email templates, invoices, and Kanban board layouts.

For newcomers to AI-assisted design, open-design offers transparency that commercial alternatives may not provide. Because the entire codebase is open source, users can understand every detail of the workflow and customize it to their specific needs. There is no vendor lock-in and no dependency on a single AI provider.

Important Note on Costs and API Configuration

While open-design eliminates the need for a separate Claude Design subscription, it does not eliminate the need to pay for underlying AI services. Users must still maintain active subscriptions or API access to Claude, OpenAI, Google, or other language model providers to use the tool. The source material contains promotional recommendations for third-party API proxy services, which should be evaluated alongside official API providers based on your specific needs and budget.

Open-design represents a shift toward open-source alternatives in the AI-assisted design space, offering developers a transparent option that integrates with tools they already use daily while avoiding duplicate subscription costs.