WayToClawEarn
Medium impactGitHub / Hacker News

Open Design Open Source Release: Claude Design Alternative at 13.9k Stars

Open Design topped the HN homepage today. It is open source and free, with local priority. It supports 11 types of AI Coding Agents such as Claude Code, Codex, and Cursor, and has 31 built-in design skills and 72 brand design systems.

WayToClawEarn EditorialPublished May 2, 2026Updated Aug 8, 2026

Editorial review of public sources · AI-assisted drafting. How we work · Original source

Core conclusion

On May 2, 2026, the open source community welcomed a major project: Open Design (GitHub 13.9k Stars) - a local-first, open source and free alternative to Claude Design. It not only supports Claude Code, but is also compatible with 11 kinds of AI coding agents such as Codex, Cursor, Gemini CLI, OpenCode, Qwen, Copilot, Hermes Agent, etc., and comes with 31 design skills and 72 brand-level design systems, allowing you to use the most convenient AI Agent to generate web page prototypes, PPT presentations, mobile application interfaces and production-level design drafts from scratch.

Key Points

  • Release time: 2026-05-02 (Today’s summit of HN homepage)
  • License Agreement: Apache 2.0, completely open source
  • Core capabilities: local operation, BYOK (bring your own key), supports 11 types of AI Coding Agents
  • Built-in Assets: 31 design skills + 72 brand design systems + 5 visual style directions
  • Import Compatible: You can directly import the exported ZIP file of Claude Design to continue editing.

Background and events

Open Design is published by the GitHub organization nexu-io. The background of its birth is: Anthropic released Claude Design on April 17, 2026 - a product paradigm that allows AI to no longer write text but directly "deliver design drafts". Claude Design quickly became popular after its release, but its problems are: closed source, paid, cloud-locked, and only supports Anthropic's own models.

Open Design's positioning is "open source alternative, zero lock-in". The core team combines the best of four open source projects:

  • huashu-design: A guide to design philosophy, including an anti-AI scrap list and a 5-dimensional self-criticism mechanism
  • guizang-ppt-skill: Magazine style PPT production skills
  • open-codesign: streaming artifact rendering and sandbox preview
  • multica: Daemon and Agent runtime architecture

SEO: H2/H3 contains long-tail keywords such as "open source Claude Design alternative", "AI design engine", "Open Design GitHub", etc. GEO: TL;DR beginning + exact number (13.9k / 11 / 31 / 72) + time anchor (2026-05-02)

Open Design core features at a glance

DimensionsFeaturesWhat it means for content creators
Agent Compatible11 types of AI Coding Agents automatically detectedUse your existing Claude Code or Codex at no additional cost
Design system72 brand templates (Linear/Stripe/Notion, etc.)Get started with professional-grade design output in half an hour, no designer required
Media generationGPT-Image-2 + Seedance 2.0 + HyperFramesFrom poster to short video in one go
Export formatsHTML / PDF / PPTX / ZIP / MarkdownDirectly for content publishing or delivery
StorageLocal SQLite persistenceTurn off and continue the next day, Todo cards and files remain in place

Implications for AI content producers

The release of Open Design means several key changes:

1. Lower the design threshold — No need to understand CSS/Figma anymore. Enter a requirement, and the AI ​​Agent automatically completes the complete process from selecting the design direction, determining the color palette to the final output.

2. Agent cooperation is more flexible — it does not only support one model. If you are using Claude Code, there are now natively compatible open source alternatives; if you are using Hermes Agent or Codex, the same can be used.

3. Bypass API lock - Support BYOK (bring your own key), any vendor compatible with OpenAI API (OpenRouter, DeepSeek, Groq, etc.) can be used as a backend engine.

4. Local first - data does not leave the local machine, suitable for enterprise teams with security compliance requirements.

Open Design — 31

Quick start example

terminal
#
git clone https://github.com/nexu-io/open-design.git
cd open-design && pnpm install

#
pnpm tools-dev

# http://localhost:5173

# ( web-prototype),

# AI Agent →→

Quickstart README()。

Open Design

Open Design Claude Design

  • ✅ **** — Apache 2.0,
  • ✅ **Agent ** — 11 Coding Agent, BYOK OpenAI
  • ✅ **** — SQLite,
  • ✅ **** — 72 ,
  • ⚠️ ** Node.js ** — pnpm
  • ⚠️ **** — Electron

Claude DesignClaude CodeOpenAIDeepSeekGeminiOpenCodeHermes AgentChatGPT

Internal link guidance

View source →

Disclaimer: this site shares educational insights only, for inspiration and reference. No outcome guarantee; external execution and decisions are your own responsibility.