Design Aberto: Alternativa Open-Source ao Claude Design Roda em Seus Agentes CLI Locais

✍️ OpenClawRadar📅 Publicado: May 2, 2026🔗 Source
Design Aberto: Alternativa Open-Source ao Claude Design Roda em Seus Agentes CLI Locais
Ad

Open Design (OD) é uma alternativa open-source ao Claude Design da Anthropic, lançada em 2026-04-17 no Opus 4.7. Diferente do original fechado, pago e somente em nuvem, o OD é local-first, implantável na web e BYOK em todas as camadas. Ele detecta automaticamente 11 CLIs de agentes de codificação no seu PATH — Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI, Hermes, Kimi, Pi, Kiro — e as conecta a um fluxo de trabalho orientado por habilidades. Sem CLI? Um proxy BYOK compatível com OpenAI executa o mesmo loop sem a execução direta.

Principais Recursos

  • 72 Sistemas de Design de nível profissional e 31 Habilidades componíveis (incluindo a skills/guizang-ppt-skill agrupada de op7418/guizang-ppt-skill para decks estilo revista com herói WebGL e listas de verificação P0/P1/P2)
  • Protocolo de ativos de marca em 5 etapas de alchaincyf/huashu-design, com lista de verificação anti-AI-slop e autocrítica em 5 dimensões; seletor de direção oferece 5 escolas × 20 filosofias de design
  • Plano TodoWrite ao vivo transmitido para a UI; o agente constrói uma pasta de projeto real no disco com template inicial, biblioteca de layout e lista de verificação de auto-checagem
  • Visualização em iframe isolado (React 18 + Babel vendorizados) com painel de agente ao vivo mostrando tarefas, chamadas de ferramentas e geração interrompível
  • Exportação para HTML, PDF, PPTX, ZIP, Markdown
  • Executa localmente via pnpm tools-dev; camada web implantável no Vercel
Ad

Arquitetura

OD se baseia em quatro projetos open-source: huashu-design (filosofia de design), guizang-ppt-skill (modo deck), open-codesign (loop de artefato em streaming, visualização ao vivo) e multica (daemon e runtime, varredura de PATH). A pilha de prompts treina o LLM para se comportar como um designer sênior com um sistema de arquivos funcional, biblioteca de paletas determinística e cultura de listas de verificação.

Fluxo de trabalho típico: um prompt como "faça um pitch deck estilo revista para nossa rodada seed" aciona um formulário interativo de perguntas, o agente escolhe uma de cinco direções visuais curadas, transmite um plano TodoWrite, constrói uma pasta de projeto, executa verificações de pré-voo, realiza uma crítica em cinco dimensões e emite um único <artifact> renderizado em um iframe isolado.

Para Quem É

Desenvolvedores que já usam agentes de codificação de IA (Claude Code, Codex, Cursor, etc.) e desejam um motor de design local e open-source, sem dependência de nuvem ou taxas por usuário.

📖 Leia a fonte completa: HN AI Agents

Ad

👀 See Also

Claude Code v2.1.143: Aplicação de Dependências de Plugin, Padrões do PowerShell e Correções de Sessão em Segundo Plano
Tools

Claude Code v2.1.143: Aplicação de Dependências de Plugin, Padrões do PowerShell e Correções de Sessão em Segundo Plano

A Anthropic lançou o Claude Code v2.1.143 com aplicação de dependências de plugins, PowerShell -ExecutionPolicy Bypass, nova opção de isolamento worktree e várias correções para sessões em segundo plano, Windows Terminal e acesso a arquivos no macOS.

OpenClawRadar
Shipshots MCP Servidor: Claude Projeta Capturas de Tela da App Store e Vídeos de Prévia
Tools

Shipshots MCP Servidor: Claude Projeta Capturas de Tela da App Store e Vídeos de Prévia

Shipshots é um editor visual com um servidor MCP que permite ao Claude criar materiais de marketing por meio de chamadas de ferramentas. Ele gera capturas de tela da loja de aplicativos, vídeos de prévia animados e visuais para mídias sociais com base em descrições de texto.

OpenClawRadar
Kit de Ferramentas de Viagem Hacking: Habilidades em IA e Servidores MCP para Busca de Pontos e Milhas
Tools

Kit de Ferramentas de Viagem Hacking: Habilidades em IA e Servidores MCP para Busca de Pontos e Milhas

Um repositório do GitHub fornece 7 habilidades em markdown e 6 servidores MCP que ensinam o Claude Code e o OpenCode a pesquisar voos com milhas em mais de 25 programas de fidelidade, comparar preços em dinheiro, consultar saldos de programas de fidelidade e encontrar hotéis e balsas. A configuração requer clonar o repositório e executar o setup.sh.

OpenClawRadar
Red Queen: Um Orquestrador Determinístico que Executa Claude Code como um Pool de Trabalhadores
Tools

Red Queen: Um Orquestrador Determinístico que Executa Claude Code como um Pool de Trabalhadores

Red Queen usa uma máquina de estado para orquestrar subprocessos do Claude Code, eliminando erros de roteamento de LLMs e desperdício de tokens com mega-prompts.

OpenClawRadar