A CLI de agente que já vive no seu laptop vira o motor de design — conduzida por skills componíveis e design systems de marca, transmitindo artefatos para um preview sandboxed.
# 3 comandos: clonar, instalar, subir git clone https://github.com/inematds/open-design cd open-design && pnpm install pnpm tools-dev # sobe daemon + web
Open Design (OD) replica o loop artifact-first do Claude Design sem o lock-in: mesmo modelo mental, mas local-first, BYOK em todas as camadas e implantável na web. Não envia um agente — conecta o agente de codificação que você já usa a um fluxo de design orientado por skills.
Detecta automaticamente no seu PATH — Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, Copilot CLI e mais. Troca com um clique. Sem CLI? Use o proxy BYOK compatível com OpenAI.
31 skills componíveis (prototype e deck) e dezenas de design systems de marca (Linear, Stripe, Vercel, Notion...). O daemon parseia o frontmatter od: de cada SKILL.md verbatim.
Todo <artifact> renderiza num iframe limpo segundos depois. Editável no workspace de arquivos, exportável em HTML / PDF / PPTX / ZIP / Markdown.
Você digita o brief, o OD trava as perguntas antes de improvisar um pixel, escolhe uma direção visual curada e o daemon faz spawn da sua CLI numa pasta de projeto real em disco.
Único processo privilegiado: faz spawn da CLI na pasta do projeto, dando ao agente Read / Write / Bash / WebFetch reais contra disco real.
Projetos, conversas, mensagens, abas e templates ficam em .od/app.sqlite. Reabre amanhã e tudo está onde você deixou.
Local com pnpm tools-dev, camada web na Vercel, ou shell Electron empacotado (em andamento).
Monorepo pnpm com Node 24. Pelo menos uma CLI de agente no PATH — ou as credenciais do seu provedor BYOK compatível com OpenAI.
Runtime e gerenciador de pacotes do workspace (pnpm 10.33+).
# versões esperadas node -v # ~24 pnpm -v # >=10.33.2
Qualquer uma das 11 suportadas. O OD detecta sozinho ao iniciar.
# exemplo: Claude Code which claude codex cursor-agent
Sem CLI? Cole baseUrl + apiKey + model de qualquer provedor compatível com OpenAI no proxy.
# proxy em /api/proxy/stream baseUrl=https://... apiKey=sk-...
Três comandos para rodar local. Depois é digitar o brief e deixar o agente trabalhar.
Traga o monorepo para a sua máquina.
git clone https://github.com/inematds/open-design cd open-design # entra no projeto
O postinstall prepara os sidecars (tools-dev / tools-pack) e ativa os builds nativos (better-sqlite3, esbuild).
pnpm install # resolve o workspace inteiro
Ponto de entrada único do ciclo de vida. Inicia o daemon local e o app web sob stamps de sidecar tipados.
pnpm tools-dev # start / stop / run / status / logs / inspect / check
Na tela de entrada, selecione uma skill (web-prototype, saas-landing, dashboard, deck...), um design system e digite o brief. O OD emite o formulário de descoberta antes de gerar.
# exemplo de brief crie um pitch deck estilo revista para nossa rodada seed
Acompanhe o card de todos ao vivo, redirecione em pleno voo, edite os arquivos no workspace e exporte o artefato pronto.
# exportações suportadas
HTML · PDF · PPTX · ZIP · Markdown
Para implantar a UI na Vercel ou rodar checagens.
pnpm build # build do @open-design/web pnpm typecheck # typecheck do monorepo
As 31 skills cobrem nove cenários — design, marketing, operação, engenharia, produto, finanças, RH, vendas e pessoal.
Modo deck com a skill guizang-ppt: layouts de revista, fundo hero WebGL, saída em arquivo HTML único e exportação PDF.
Chrome do iPhone 15 Pro pixel-accurate com Dynamic Island. Multi-tela reusa os frames compartilhados em assets/frames/ — o agente nunca redesenha um celular.
Skills saas-landing e dashboard aplicam um dos design systems de marca, com paleta OKLch e font stack determinísticos por direção visual.
Solte um ZIP de exportação do Claude Design no diálogo de boas-vindas — POST /api/import/claude-design o decompõe num projeto real para o agente continuar editando.
Local-first hoje, web na Vercel, e o shell desktop empacotado em andamento.
pnpm tools-dev, 11 CLIs detectadas, 31 skills, design systems de marca e exportação em cinco formatos.