Servidor MCP DAUB Permite que Claude Gere e Renderize UIs via Especificações JSON
DAUB é um servidor MCP construído especificamente para o Claude que contorna o fluxo de trabalho tradicional de desenvolvimento de UI, onde o Claude gera código (como JSX/HTML) que os desenvolvedores copiam, colam, compilam e depuram. Em vez disso, o Claude pode gerar e renderizar interfaces de usuário completas diretamente.
Como Funciona
Ao usar o Claude com o DAUB, o fluxo de trabalho é:
- O Claude chama
generate_ui("Preciso de um painel com um gráfico de gastos, filtros e uma tabela de dados") - O servidor MCP do DAUB gera uma especificação JSON estruturada
- O DAUB renderiza essa especificação como uma interface ao vivo imediatamente—sem compilação ou copiar-colar necessário
- O Claude pode então chamar
validate_specourender_specpara iterar no design ao longo de múltiplas interações na conversa
Ferramentas do Servidor MCP
O servidor MCP, que roda na borda da Cloudflare, expõe quatro ferramentas específicas:
generate_ui: Converte descrições em linguagem natural em interfaces renderizadasrender_spec: Recebe uma especificação JSON e retorna uma renderização ao vivovalidate_spec: Permite que o Claude verifique sua própria saída antes de renderizarget_component_catalog: Permite que o Claude navegue por 76 componentes em 34 categorias para selecionar elementos de UI apropriados
Detalhes Técnicos
O formato de especificação JSON é intencionalmente simples para garantir que o Claude possa produzi-lo de forma confiável. Ele cobre layout, tipografia, formulários, tabelas, navegação, exibição de dados e sobreposições. O Claude pode comparar especificações entre interações e iterar sem começar do zero.
O lado da renderização requer apenas dois arquivos CDN: daub.css e daub.js. Inclui 20 famílias de temas visuais e não requer nenhuma etapa de construção.
Todo o projeto foi construído com o Claude Code durante o desenvolvimento, com o formato de especificação fortemente iterado com o Claude para garantir geração consistente sem alucinar nomes de componentes.
Disponibilidade
O DAUB é gratuito para usar. O repositório GitHub está disponível em https://github.com/sliday/daub, e há um playground em https://daub.dev/playground.html onde você pode experimentar sem o Claude. Um roteiro está disponível em https://daub.dev/roadmap.
📖 Read the full source: r/ClaudeAI
👀 See Also
Homebutler: Habilidade OpenClaw para Gerenciamento de Homelab via Telegram
Homebutler é um binário único em Go (~13MB, sem dependências) que funciona como uma habilidade do OpenClaw para gerenciar homelabs a partir do chat do Telegram. Ele monitora servidores, reinicia contêineres Docker, liga máquinas, escaneia redes e alerta sobre picos de recursos sem sessões SSH ou logins em painéis.
Título do artigo: Loop estilo Ralph para Claude Code com sessões de revisão cruzada de diferentes agentes
RalphTerm é um CLI open-source em Rust que executa um loop estilo ralph em torno do Claude Code: ele pega um plano em markdown, executa tarefas em sessões interativas novas e realiza uma revisão cruzada com um modelo diferente (ex.: Codex) em sessões novas separadas, realimentando os problemas para novas sessões de implementação.
Sentinel AI de Homelab: Assistente de Monitoramento Autônomo com Integração LLM
Homelab AI Sentinel é uma ferramenta auto-hospedada que processa webhooks de monitoramento através de um LLM para gerar diagnósticos em linguagem simples. Suporta 11 fontes de alerta, 10 plataformas de notificação e funciona com qualquer endpoint compatível com OpenAI, incluindo Ollama e LM Studio para inferência local.
Habilidade de Tradução de Vídeo OpenClaw Disponível no ClawHub
Uma nova habilidade de Tradutor de Vídeo para agentes OpenClaw permite que os usuários façam upload de um vídeo ou forneçam um URL para obter uma prévia traduzida instantaneamente. A habilidade está hospedada no ClawHub.