open-design

by nexu-io · Codex Skill · ★ 49.7k

About open-design

Open Design The open-source alternative to [Claude Design][cd]. Local-first, web-deployable, BYOK at every layer — your existing coding agent (Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI) becomes the design engine, driven by 19 composable Skills and 71 brand-grade Design Systems. English · 简体中文 Why this exists Anthropic's [Claude Design][cd] (released 2026-04-17, Opus 4.7) showed what happens when an LLM stops writing prose and starts shipping design artifacts. It went viral — and stayed closed-source, paid-only, cloud-only, locked to Ant

agent-skillsai-agentsai-designbyokclaudeclaude-code-for-designclaude-designcoding-agentsdesign-systemsdesign-tools

Quick Facts

Stars49,656
Forks5,639
LanguageTypeScript
CategoryCodex Skill
LicenseApache-2.0
Quality Score39.784/100
Open Issues351
Last Updated2026-05-22
Created2026-04-28
Platformsbrowser, claude-code, cli, codex, gemini, node
Est. Tokens~64101k

Compatible Skills

These tools work well together with open-design for enhanced workflows:

  • styleseed — semantic(0.49)+complementary+rare_topics+same_lang+similar_pop+shared_platform (76%)
  • awesome-claude-design — semantic(0.51)+complementary+shared_fw(anthropic)+rare_topics+similar_pop+shared_platform (70%)
  • typeui.sh — semantic(0.41)+complementary+rare_topics+same_lang+similar_pop+shared_platform (69%)
  • typeui — semantic(0.56)+rare_topics+same_lang+similar_pop+shared_platform (68%)
  • design-systems-mcp — semantic(0.43)+complementary+rare_topics+same_lang+similar_pop+shared_platform (64%)

More Codex Skill Tools

Explore other popular codex skill tools:

View all Codex Skill tools →

Popular TypeScript Agent Tools

  • openclaw ⭐ 374.0k · Codex Skill
  • n8n ⭐ 189.3k · MCP Server
  • dify ⭐ 142.3k · MCP Server
  • gemini-cli ⭐ 104.5k · MCP Server
  • gstack ⭐ 100.8k · Agent Tool

Frequently Asked Questions

What is open-design?

open-design is 🎨 Local-first, open-source Claude Design alternative. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxe. It is categorized as a Codex Skill with 49.7k GitHub stars.

What programming language is open-design written in?

open-design is primarily written in TypeScript. It covers topics such as agent-skills, ai-agents, ai-design.

How do I install or use open-design?

You can find installation instructions and usage details in the open-design GitHub repository at github.com/nexu-io/open-design. The project has 49.7k stars and 5639 forks, indicating an active community.

What license does open-design use?

open-design is released under the Apache-2.0 license, making it free to use and modify according to the license terms.

View on GitHub → Browse Codex Skill tools