Início rápido · Open Design

Início rápido

• Node.js 24 — Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• pnpm — Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• git — Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• Agentes — Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

Início rápido

Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

1. Início rápido. Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

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

2. Live. Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

   pnpm tools-dev

3. Modelos. Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

   od skill run open-design-landing --output ./artifact.html

Próximo passo

Detalhes

A alternativa oficial, de código aberto e local-first ao Claude Design. Apache-2.0, BYOK em todas as camadas.

# tools-dev — startup
→ daemon  listening on http://127.0.0.1:17456 (namespace tools-dev/main)
→ web     listening on http://127.0.0.1:17573 (proxy → daemon)
→ sidecar /tmp/open-design/ipc/tools-dev-main/daemon.sock
→ ready in 1.4s

A alternativa oficial, de código aberto e local-first ao Claude Design. Apache-2.0, BYOK em todas as camadas.

Guias

• Node.js 24: Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• pnpm: Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• od: Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• Agentes: Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.
• Guias: Open Design é a alternativa oficial, local-first, ao Claude Design. Seu agente de código — Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen — vira um motor de design com 132 skills componíveis e 150 sistemas DESIGN.md portáteis.

Próximos passos

• Início rápido — Próximo passo
• Skills + Sistemas — Próximo passo
• Comparação — Próximo passo
• GitHub — Próximo passo