One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made with OD; translate docs; fix a typo / write a blog; report a bug), the agent validates and opens a PR (or issue) for you. Trigger words contribute to open design, ship my OD skill, ship my OD design system, translate OD docs, report an OD bug, od-contribute.
Open Design
Open Design is an open-source design skill for Claude Code, Cursor, Codex, Gemini CLI, and opencode, published by nexu-io. Its author describes it as: “🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4…”. The project has 83k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/open-design ~/.claude/skills/open-design`.
Installation
Add Open Design to your agent with:
git clone https://github.com/nexu-io/open-design ~/.claude/skills/open-designAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for Open Design when you want design help from Claude Code without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/open-design, an established project with 82,673 GitHub stars
- Declares compatibility with Claude Code, Cursor, Codex, Gemini CLI, opencode
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does Open Design do?
- 🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
- How do I install Open Design?
- Run git clone https://github.com/nexu-io/open-design ~/.claude/skills/open-design in your agent, then reload your skills. Review the source at https://github.com/nexu-io/open-design before installing.
- Is Open Design free to use?
- Yes. Open Design is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Which agents does Open Design work with?
- Open Design declares compatibility with Claude Code, Cursor, Codex, Gemini CLI, and opencode. Agent Skills use a portable SKILL.md format, so other compatible clients can usually load it too.
- Where does Open Design come from?
- Open Design ships inside nexu-io/open-design, a repository that contains 61 catalogued skills in total. The repository's 82,673 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Design →A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".