Raw capture — raw/open-design.md


url: https://github.com/nexu-io/open-design date_fetched: 2026-07-05 backfilled: true


🔥

Open Design 0.13.0 —Long design sessions used to break on every interruption — a run lost its place, a model picker made you guess, an export needed one more detour. 0.13.0 keeps the session alive: resume Codex / OpenCode / Pi / Open Design Cloud runs across turns, pick the right model faster, and hand off screenshot-backed PPTX / PDF without leaving the app. Download 0.13.0 · Release notesStay in Flowis here.⚡

Open Design Cloud — the official model service.One recharge to use GPT, Claude, Gemini, and DeepSeek inside Open Design: 20+ flagship models, zero config, billed by real token usage. Try Open Design Cloud🏅

The Open Design Fellow program is now open.If you also believe design should be open — become an Open Design Fellow, shape the product alongside the core team, and help more people take part in defining the future of design. Details →MAINTAINERS.mdand Discord.

Website · Download · Open Design Cloud · Discord · Follow @OpenDesignHQ

English · Español · Português · Deutsch · Français · 简体中文 · 繁體中文 · 한국어 · 日本語 · العربية · Русский · Українська · Türkçe · ภาษาไทย

🎨 The open-source Claude Design alternative.  🖥️ Local-first native desktop app for macOS and Windows.  ⚡ Composable skills, brand-grade DESIGN.md design systems, and ready-to-use plugins.  🖼️ Generates

web · desktop · mobile prototypes,

live dashboards / artifacts,

decks,

images,

video, plus

HyperFramesmotion graphics. 🔒 Sandboxed iframe preview · HTML / PDF / PPTX / MP4 export. 🤖

Runs on Claude Code · OpenClaw · Codex · Cursor · OpenCode · Qwen · Copilot · Amp · Hermes · Kimi · Antigravity and 22 local CLIs, or any OpenAI-compatible endpoint via BYOK.

Open Design is what you get when the agent-native loop Anthropic shipped with Claude Design — discover the brief, lock the direction, stream the artifact, critique, deliver — stops being closed and becomes a filesystem of skills, design systems, and plugins that the coding agents already on your laptop can read, write, and remix. Your CLI becomes the design engine, your laptop becomes the studio, and your team's DESIGN.md becomes the brand contract.

It's also the Figma alternative for the agent era — instead of pushing pixels on a canvas, it delivers single-page artifacts in real CSS, real fonts, real components, exported straight to HTML / PDF / PPTX / MP4 — already shaped by your design system, already runnable inside the agent you use every day.

A quick look at what Open Design is and what it does. Start from Home, orchestrate repeat workflows with Automation, distill a brand contract in Design System, and extend with Plugins and integrations; inside any project's Studio, the same design system streams out prototypes, live artifacts, HyperFrames, decks, and images.

| Home— the overview entry point. Pick a skill and a design system, type the brief, and kick off everything from one place. |

Inside a project's Studio, the same design system streams out multiple artifact types:

Open Design ships as

skills, a CLI, and an MCP serverthat mainstream coding agents consume natively. Once OD is installed, a singleod mcp install <agent>wires the MCP server into that agent's config, and you call the same tools from inside any agent.

Coding agent / platform Status One-line MCP server install
Claude Code ✅ Supported od mcp install claude
Codex CLI ✅ Supported od mcp install codex
Cursor ✅ Supported od mcp install cursor
VS Code + GitHub Copilot ✅ Supported od mcp install copilot
GitHub Copilot CLI ✅ Supported od mcp install copilot
Gemini CLI ✅ Supported od mcp install gemini
OpenCode ✅ Supported od mcp install opencode
OpenClaw ✅ Supported od mcp install openclaw
Antigravity ✅ Supported od mcp install antigravity
Cline ✅ Supported od mcp install cline
Trae ✅ Supported od mcp install trae
Kimi CLI ✅ Supported od mcp install kimi
Pi Agent ✅ Supported od mcp install pi
Mistral Vibe CLI ✅ Supported od mcp install vibe
Hermes Agent ✅ Supported od mcp install hermes

od mcp install <agent> --print for a dry-run preview · --uninstall to remove · full list with od mcp install --help.

No CLI installed? The BYOK proxy at POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream gives you the same loop (no process spawn) — paste baseUrl + apiKey + model, with support for OpenAI, Anthropic, Azure OpenAI, Google Gemini, Ollama, LM Studio, vLLM, or any OpenAI-compatible endpoint. Per-target SSRF protection blocks internal IPs / link-local / CGNAT at the daemon edge.

The adapter contract and stream parsers live in apps/daemon/src/agents.ts. Adding a new CLI is one entry — see docs/agent-adapters.md.

Four core product categories, all rendered by a coding agent running on your laptop. Click a thumbnail to see the real example.

The default output surface. Single-page HTML artifacts that read your DESIGN.md and render in a sandboxed iframe.

Live dashboards, decision rooms, KPI walls — single-page artifacts that pull data through a tweaks panel and stay editable in place.

| Deck mode (guizang-ppt)— magazine layouts, WebGL hero, P0/P1/P2 checklists. Bundled verbatim fromop7418/guizang-ppt-skillwith its original license preserved. | Swiss International-style deck— grid-anchored, monochrome accents. One of15 deck templatesand36 themesunderdesign-templates/html-ppt-*/. |

Every deck exports to HTML (single file, inlined assets), PDF (browser print, deck-aware), PPTX (agent-driven skill), ZIP (archive), or Markdown.

93 ready-to-replicate prompts live in prompt-templates/ — preview thumbnails, full prompt body, target model, aspect ratio, and source attribution. One click drops a brief into the composer.

HyperFrames is HeyGen's open-source, agent-native video framework, integrated as a first-class citizen in Open Design. The agent writes HTML + CSS + GSAP, and HyperFrames renders it to a deterministic MP4 via headless Chrome + FFmpeg. Pair it with Seedance 2.0 for cinematic t2v / i2v, Veo 3 / Sora 2 / Kling 2 for routed model variants, and Suno v5 / Lyria 2 for the audio layer.

11 HyperFrames templates + 39 Seedance prompts ship with the repo. Catalog thumbnails © HeyGen; the framework is Apache-2.0. The OD-specific render workflow (composition cache, sandbox-exec workaround, MP4-as-chip) is detailed in design-templates/hyperframes/.

In April 2026, Anthropic released Claude Design — the first time an LLM stopped writing prose and started delivering design artifacts directly.It went viral. But it stayed closed-source, paid-only, cloud-only, locked to Anthropic's model, Anthropic's skills, Anthropic's surface. No checkout, no self-host, no Vercel deploy, no swap-in-your-own-agent.

Open Design (OD) is the open-source alternative. Same loop, same artifact-first mental model, none of the lock-in:

Claude Design Figma Lovable / v0 / Bolt Open Design
Open source ❌ ❌ ❌ ✅ Apache-2.0
Self-host / desktop ❌ ❌ ❌ ✅ macOS + Windows + Vercel
Agent-native (runs in your CLI) Anthropic only ❌ Cloud agent only ✅ 22 CLIs + BYOK
Brand-grade DESIGN.md Proprietary Theme JSON Limited tokens ✅ 150 systems shipped
Skills / plugins / templates Closed Plugin store Closed ✅ 100+ skills · 261 plugins
HyperFrames (HTML→MP4) ❌ ❌ ❌ ✅ First-class
Refresh an existing repo to brand ❌ ❌ ❌ ✅ via agent + DESIGN.md
Minimum billing Pro / Max / Team Pro / Org Pro / Team BYOK · any compatible endpoint

The fastest way to use Open Design. No Node, no pnpm, no clone.

After install: the app auto-detects every coding-agent CLI on your PATH, loads 100+ skills and 150 design systems, and lets you type a brief in the entry view.

You can use Open Design without ever opening the GUI — call it as a skill, plugin, or MCP server inside Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi, and more.

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | cursor | copilot | openclaw | antigravity | gemini
#         | pi | vibe | hermes | cline | kimi | trae | opencode
# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

install.sh is a thin shell wrapper around od mcp install; it exists so the hosted URL returns shell instead of the landing-page HTML fallback and fails fast if your shell resolves a non-Open-Design od binary.

WSL2 users:If your coding-agent CLIs run inside WSL2, follow theWSL2 setup guidefirst. Linux's/usr/bin/odcan shadow Open Design'sodcommand.

Then, inside the agent:

> Use open-design to generate a landing page with the Linear design system

The agent reads skills/, picks the right SKILL.md, binds the DESIGN.md you named, and emits an <artifact> previewable at http://localhost:7456.

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://localhost:7456

macOS users:If the web UI showsAuthorization: Bearer <OD_API_TOKEN> required, Docker Desktop bridge networking is the cause. See Docker Desktop on macOS for the fix.

The Sealos App Store template runs the published Open Design Docker image with persistent workspace storage and Basic Auth on the public proxy. For custom public or shared Docker deployments, follow the reverse-proxy and OPEN_DESIGN_ALLOWED_ORIGINS guidance in deploy/README.md.

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Node ~24, pnpm 10.33.x. WSL2 users, see docs/wsl-setup.md; native Windows users, see docs/windows-troubleshooting.md. Full quickstart, env vars, Nix flake, and packaged build flow → QUICKSTART.md.

brief → plugin → direction → design system → artifact → handoff → memory

Open Design ships a stdio MCP server and per-agent install scripts. Any MCP-compatible agent in another repo can read files from your local Open Design projects directly — tokens CSS, JSX components, entry HTML — as a structured API queryable by name. The agent always sees the live file, not a stale export.

# One-line install (16+ CLIs supported):
od mcp install <agent>
# Then the agent can:
od search-files "primary button"      # search files across projects
od get-file design-systems/linear-app/DESIGN.md
od get-artifact <slug>                # latest rendered artifact
od plugin run web-prototype --brief "..."
od skill list --scenario marketing

Why MCP? Exporting and re-attaching a zip every iteration breaks flow. MCP exposes the design source directly — the agent always sees the live file.

For an agent starting from scratch, the installer places ~/.config/<agent>/open-design.json (or the platform equivalent) plus a copy-paste MCP snippet. Cursor gets a one-click deeplink; Claude Code gets a claude mcp add-json one-liner; every other agent gets JSON in the schema its config expects. Full per-agent flow → Settings → MCP server in the desktop app, or docs/agent-adapters.md.

Security model. Read-only by default, the daemon binds to 127.0.0.1, and SSRF is blocked at the proxy edge. LAN exposure requires an explicit OD_BIND_HOST plus OD_ALLOWED_ORIGINS. Connector credentials and live-artifact preview routes stay loopback-only regardless.

100+ skills ship in the box — each is a folder under skills/ following the Claude Code SKILL.md convention, extended with an od: frontmatter (mode, platform, scenario, preview.type, design_system.requires, default_for, fidelity, example_prompt). Drop a folder in, restart the daemon, it appears in the picker.

Two modes anchor the catalog: prototype (web/mobile/desktop single-page artifacts) and deck (horizontal-swipe presentations). Also image, video, audio, template, design-system, and utility modes. The ** scenario** field groups them by audience:

design · marketing · operation · engineering · product · finance · hr · sale · personal.| Skill | Mode | Scenario | What it produces | |---|---|---|---| | web-prototype | prototype | design | Default landing page / hero | | saas-landing | prototype | marketing | Hero / features / pricing / CTA | | dashboard | prototype | operation | Admin / analytics (with sidebar) | | mobile-app | prototype | design | iPhone 15 Pro / Pixel framed app | | mobile-onboarding | prototype | design | Splash · value-prop · sign-in flow | | social-carousel | prototype | marketing | 3-card 1080×1080 carousel | | email-marketing | prototype | marketing | Table-fallback-safe brand email | | magazine-poster | prototype | marketing | Single-page magazine layout | | motion-frames | prototype | marketing | Looping CSS motion hero | | sprite-animation | prototype | marketing | 8-bit pixel animated explainer | | pm-spec | prototype | product | PM spec doc (with TOC + decision log) | | team-okrs | prototype | product | OKR scorecard | | eng-runbook | prototype | engineering | Incident runbook | | finance-report | prototype | finance | Exec finance summary | | hr-onboarding | prototype | hr | Role onboarding plan | | guizang-ppt | deck | marketing | Magazine-style web PPT (deck default) | | html-ppt-* | deck | marketing | 15 deck templates × 36 themes (master template in design-templates/html-ppt/) | | hyperframes | video | marketing | HTML → MP4 motion graphics (HeyGen OSS framework) | | critique | utility | design | Five-dimensional self-critique scoresheet | | tweaks | utility | design | AI-emitted tweaks-panel manifest |

Full skill protocol → docs/skills-protocol.md. Skill registry endpoint: GET /api/skills.

150 brand-grade DESIGN.md systems ship with the repo — each a single Markdown file with a 9-section schema (color, typography, spacing, layout, components, motion, voice, brand, anti-patterns), from

VoltAgent/awesome-design-md. Switch a system → the next render uses the new tokens. No theme JSON.Full catalog (click to expand)

AI & LLM — claude · cohere · mistral-ai · minimax · together-ai · replicate · runwayml · elevenlabs · ollama · x-ai

Developer Tools — cursor · vercel · linear-app · framer · expo · clickhouse · mongodb · supabase · hashicorp · posthog · sentry · warp · webflow · sanity · mintlify · lovable · composio · opencode-ai · voltagent

Productivity — notion · figma · miro · airtable · superhuman · intercom · zapier · cal · clay · raycast

Fintech — stripe · coinbase · binance · kraken · mastercard · revolut · wise

E-commerce — shopify · airbnb · uber · nike · starbucks · pinterest

Media — spotify · playstation · wired · theverge · meta

Automotive — tesla · bmw · ferrari · lamborghini · bugatti · renault

Other — apple · ibm · nvidia · vodafone · resend · spacex

Starters — default (Neutral Modern) · warm-editorial

Re-import the library via scripts/sync-design-systems.ts. Add your own brand → drop a DESIGN.md into design-systems/<brand>/. Full guide → design-systems/README.md.

261 official plugins live in plugins/_official/. Each plugin is a portable agent-skill folder — a SKILL.md (readable by any agent that supports Agent Skills), plus an optional open-design.json manifest that gives Open Design marketplace metadata, inputs, previews, pipelines, and capability declarations. Jump straight to a category:

Category Count Contents
scenarios/ 11 Complete design scenarios — od-default,od-design-refine,od-figma-migration,od-code-migration,od-react-export,od-nextjs-export,od-vue-export,od-media-generation,od-new-generation,od-tune-collab,od-plugin-authoring
image-templates/ 45 One-shot image prompts — editorial, cinematic, product, portrait
video-templates/ 50 HyperFrames / Seedance / Veo motion templates
design-systems/ 142 Brand DESIGN.mdwrapped as plugins
atoms/ 13 Reusable UI fragments (buttons, heroes, KPI cards)
examples/ 140 Remixable reference outputs

Also plugins/community/ for community plugins and plugins/registry/ for the publishing flow.

Plugins are at full parity across the web UI and the ** od CLI** — same

/api/plugins endpoints, pick whichever fits.In the desktop / web app: open the Plugin page to browse the marketplace and click Install; inside a project's Studio, plugins appear as composer chips you click to apply (with the inputs they declare).

On the command line (runs without a UI — this is the path external agents use):

od plugin list                       # list installed plugins (--task-kind / --mode / --tag filters)
od plugin search "landing page"      # search by keyword
od plugin info od-default            # inspect a plugin's metadata, inputs, capabilities
od plugin install od-figma-migration # install from a registry; also accepts ./local-folder or an https://… link
od plugin apply od-default --input brief="a one-page pitch for our seed round"
od plugin upgrade od-default         # upgrade
od plugin uninstall od-default       # uninstall

Every command supports --json, so you can pipe it through jq / xargs into automation.

A plugin needs only a SKILL.md at minimum; to list it in the Open Design marketplace, add an

open-design.json:``` my-plugin/ ├── SKILL.md ← required: YAML frontmatter (name · description) + trigger phrasing + workflow (aim for < 500 lines) ├── open-design.json ← needed to list: marketplace metadata + inputs + pipeline + capabilities ├── README.md ← optional: usage, install, registry links ├── preview/ ← optional: index.html / poster.png (strongly recommended for visual plugins) └── examples/ ← optional: concrete use cases

Core `open-design.json` fields: `specVersion` (currently `1.0.0`), `name` (stable ID), `version` (semver), `compat.agentSkills[].path` (points at `./SKILL.md`), `od.kind` (`skill` / `scenario` / `atom` / `bundle`), `od.taskKind` (`new-generation` / `figma-migration` / `code-migration` / `tune-collab`), `od.mode` (the output surface, e.g. `prototype` / `deck` / `live-artifact` / `image` / `video` / `hyperframes` / `audio` / `design-system` / `scenario`), `od.capabilities[]` (**declare the minimum** — a restricted install grants only `prompt:inject` by default), `od.inputs[]` (apply-time parameters).

Scaffold + validate locally:

od plugin scaffold --id my-plugin --title "My Plugin" # generate the skeleton od plugin validate ./my-plugin # check manifest / file layout pnpm guard && pnpm --filter @open-design/plugin-runtime typecheck

Full field set and runtime contract → `plugins/spec/SPEC.md`; developing a plugin with a coding agent → `plugins/spec/AGENT-DEVELOPMENT.md`; copy-paste minimal templates → `plugins/spec/examples/`.

- Drop the plugin folder into `plugins/community/`(third-party plugins), or — to ship it bundled with Open Design — into the matching tier of`plugins/_official/`.
- Pass validation: `od plugin validate`,`pnpm guard`,`pnpm --filter @open-design/plugin-runtime typecheck`.
- Fill the PR using the template in `plugins/spec/CONTRIBUTING.md`(ID, version, lane, mode, capabilities, trigger examples; attach a screenshot / preview for visual plugins).
- To publish to an external registry (skills.sh / ClawHub / standalone GitHub) → `plugins/spec/PUBLISHING-REGISTRIES.md`.

Plugin registry endpoint: `GET /api/plugins`. Directory overview → `plugins/README.md` (简体中文).

┌────────────────── browser (Next.js 16) / Electron shell ──────────────┐ │ chat · file workspace · iframe preview · settings · import · MCP │ └──────────────┬─────────────────────────────────────┬─────────────────┘ │ /api/ │ ▼ ▼ ┌─────────────────────────────────┐ /api/proxy/{provider}/stream (SSE) │ local daemon (Express+SQLite) │ ─→ any OpenAI-compatible BYOK, │ │ SSRF-guarded at the edge │ /api/skills /api/plugins │ │ /api/design-systems │ │ /api/chat (SSE) /api/proxy/ │ │ /api/projects/:id/files/... │ │ /api/artifacts/{save,lint} │ │ /api/import/claude-design │ │ MCP stdio server │ └─────────┬───────────────────────┘ │ spawn(cli, [...], { cwd: managed project cwd }) ▼ ┌──────────────────────────────────────────────────────────────────┐ │ claude · codex · cursor-agent · copilot · openclaw · antigravity ·│ │ gemini · opencode · qwen · qoder · hermes (ACP) · kimi (ACP) · │ │ pi (RPC) · kiro · kilo · vibe (ACP) · cline · trae · deepseek │ │ reads SKILL.md + DESIGN.md, writes artifacts to disk │ └──────────────────────────────────────────────────────────────────┘

| Layer | Stack | 
|---|---|
| Frontend | Next.js 16 App Router + React 18 + TypeScript | 
| Daemon | Node 24 · Express · SSE streaming · `better-sqlite3` | 
| Storage | Before changing or documenting daemon storage paths, you MUST read `AGENTS.md`→Daemon data directory contract. This README MUST NOT restate it. | 
| Preview | Sandboxed `srcdoc`iframe + streaming`<artifact>`parser | 
| Export | HTML (inlined) · PDF (browser print) · PPTX (agent-driven) · ZIP · Markdown · MP4 (HyperFrames) | 
| Desktop | Electron shell + sandboxed renderer + sidecar IPC (STATUS · EVAL · SCREENSHOT · CONSOLE · CLICK · SHUTDOWN) | 
| Lifecycle | One entry point: `pnpm tools-dev`(start / stop / run / status / logs / inspect / check) | 

Full architecture → `docs/architecture.md`. Skill protocol → `docs/skills-protocol.md`. Agent adapter contract → `docs/agent-adapters.md`.

- Daemon + 22 coding-agent CLI adapters + skill registry + design-system catalog
- Web app + chat + question form + 5-direction picker + todo progress + sandboxed preview
- 100+ skills · 150 design systems · 5 visual directions · 5 device frames
- SQLite-backed projects · conversations · messages · tabs · templates
-  Multi-provider BYOK proxy (`/api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream`) + SSRF guard
-  Claude Design ZIP import (`/api/import/claude-design`)
- Sidecar protocol + Electron desktop + IPC automation
- Artifact lint API + 5-dim self-critique pre-emit gate
-  **0.8.0**— plugin marketplace infrastructure (261 official plugins, manifest spec, per-agent install scripts)
-  **0.9.0**— Open Design Cloud (official model service built into the app: zero config, one-click sign-in)
-  **0.10.0**— the all-in-one design workspace: the whole craft loop in one window (references → material → interactive editing → motion → handoff)
-  **0.11.0**—*The Bazaar*: built in the open — a community marketplace of plugins and design systems anyone can pick from and contribute to
-  **0.12.0**—*Brand-backed Design System*: turn the brand you already own into a reusable, portable`DESIGN.md`system
-  **0.13.0**—*Stay in Flow*: native session resume, faster model picking, and export straight to screenshot-backed PPTX / PDF
- Packaged Electron builds — macOS (Apple Silicon + Intel) + Windows (x64) + Linux AppImage (optional lane)
- Comment-mode surgical edits — partially shipped; reliable targeted patching in progress
- AI-emitted tweaks panel UX — not yet implemented
-  `npx od init`to scaffold a project with`DESIGN.md`
-  Plugin SDK + `od plugin {add,list,remove,test,publish}`CLI
- Figma / Pencil → React / Next / Vue migration plugins (alpha)
-  Refresh-existing-codebase plugin (point at a git repo + `DESIGN.md`)

Phased delivery → `docs/roadmap.md`.

Real people behind every channel.

- 💬 **Discord**— daily chat, plugin sharing, questions →**discord.gg/mHAjSMV6gz**
- 🐦 **X / Twitter**— release notes, milestones, behind the scenes →**@OpenDesignHQ**
- 🗣️ **GitHub Discussions**— deep Q&A, RFCs, "show your work" →**Discussions**
- 🐛 **GitHub Issues**— bug reports, feature requests →**Issues**

The `good-first-issue` and `help-wanted` labels are the easiest way in.

Open Design keeps moving because contributors — designers, engineers, prompt authors — keep showing up. Many of the most-used skills, design systems, and plugins were written by people outside the core team.

| Want to ship… | How | Where | 
|---|---|---|
| A new skill | Drop a folder with `SKILL.md`+`assets/`+`references/` | `skills/`· spec in`docs/skills-protocol.md` | 
| A new design system | Drop a `DESIGN.md`using the 9-section schema | `design-systems/<brand>/` | 
| A new plugin | Drop `open-design.json`+ manifest under a category folder | `plugins/community/`· spec in`plugins/spec/SPEC.md`· agent dev guide in`plugins/spec/AGENT-DEVELOPMENT.md` | 
| Support a new coding-agent CLI | One adapter entry + stream parser | `apps/daemon/src/agents.ts` | 
| Fix a bug or polish UI | Browse the `good-first-issue`label | Issues → | 
| Translate the docs | Update the `README.<lang>.md`files | `TRANSLATIONS.md` | 

If *you are the agent reading this*, the fastest path is:

1. Boot locally

git clone https://github.com/nexu-io/open-design.git cd open-design && corepack enable && pnpm install pnpm tools-dev run web

2. Find a good-first-issue and assign yourself

gh issue list --label "good first issue" --state open --limit 20 gh issue develop # create a branch and worktree

3. Make the change, run the checks

pnpm guard && pnpm typecheck pnpm --filter @open-design/ test

4. Open the PR

gh pr create --fill `` Full agent-friendly contribution flow, code style, and PR bar →CONTRIBUTING.md` (Deutsch · Français · 简体中文 · 日本語 · 한국어 · Português · ภาษาไทย).

We're recruiting Open Design Fellows around the world — Fellows shape the product alongside the core team, represent Open Design officially in their region, and grow the community locally, backed by funded support ($1,000 / MR), free LLM credits, and a direct review track. Details → MAINTAINERS.md and the announcement on Discord.

They carry a lot of the load — daily maintenance, review, and community support.

| @Nagendhra-webMaintainer | @Sid-QinMaintainer | @YOMXXXMaintainer |

Maintainer rules, promotion criteria, and the exit protocol → MAINTAINERS.md (also Deutsch · Français · 简体中文 · 日本語 · 한국어 · Português · ภาษาไทย).

Thanks to everyone who has taken part — code, docs, feedback, a sharp issue, a new skill, a new design system.

The SVG above is regenerated daily by .github/workflows/metrics.yml using lowlighter/metrics.

If this saved you thirty minutes, give it a ★. Stars don't pay rent — but they tell the next designer, agent, and contributor that this experiment is worth their attention. One click, three seconds, a real signal.

Project Role
Claude Design The closed-source product this repo is the open-source alternative to.
alchaincyf/huashu-design The design-philosophy compass — junior-designer workflow, brand-asset protocol, anti-AI-slop checklist, five-dimensional critique.
op7418/guizang-ppt-skill The magazine-style web PPT skill, bundled verbatim under design-templates/guizang-ppt/. Default for deck mode.
lewislulu/html-ppt-skill The HTML PPT Studio family — 15 deck templates, 36 themes, 31 page layouts, animation runtime, magnetic-card presenter mode.
OpenCoworkAI/open-codesign The first open-source Claude Design alternative; UX patterns we borrow (streaming-artifact loop, sandboxed iframe, live agent panel).
multica-ai/multica The daemon + adapter architecture — PATH-scan agent detection, local daemon as the only privileged process.
VoltAgent/awesome-design-md Source of the 9-section DESIGN.mdschema and 70 product systems.
bergside/awesome-design-skills Source of the 57 design skills added under design-systems/.
heygen-com/hyperframes The HTML→MP4 motion-graphics framework, integrated as the first-class hyperframes-htmlin Open Design.
Claude Code skills The SKILL.mdconvention we adopt verbatim.

Detailed provenance → docs/references.md.

Apache-2.0. Bundled skills and templates with their own LICENSE files retain those licenses, including design-templates/guizang-ppt/ (MIT, @op7418), design-templates/html-ppt/ (MIT, @lewislulu), and skills/web-clone/ (MIT, @Jane-xiaoer).