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
Wrangle: Um Editor Nativo do macOS para Gerenciar Sessões de Código do Claude
Wrangle é um editor de markdown nativo para macOS desenvolvido especificamente para gerenciar múltiplas sessões do Claude Code, com terminais embutidos e notificações inteligentes. O desenvolvedor criou o aplicativo depois que o VS Code não conseguiu acompanhar seu fluxo de trabalho diário de executar muitas sessões do Claude Code.
Gênese do Livro de Código Aberto: 20 Habilidades de Código Claude para Escrita Autônoma de Livros
Book Genesis é um sistema de código aberto com 20 habilidades especializadas do Claude Code que pega uma ideia de livro e produz um manuscrito completo e pronto para publicação através de um pipeline autônomo de 14 fases. Inclui um 'Motor do Caos' para quebrar padrões de previsibilidade da IA e gerou uma memória de 68.000 palavras que obteve 9,0/10 na sua Pontuação Genesis.
Outworked v0.3.0 adiciona suporte ao iMessage, navegador integrado e agendamento para agentes Claude Code.
A versão 0.3.0 do Outworked introduz suporte para canal iMessage na comunicação entre agentes, um navegador integrado para interação web, agendamento via cron, tunelamento para compartilhamento local e suporte aprimorado para MCP/Habilidades. O aplicativo de desktop orquestra agentes Claude Code como uma equipe para lidar com tarefas de programação, pesquisa na web e fluxos de trabalho automatizados.
Caddie: Alternativa ao OpenClaw Baseada no Slack Será Lançada na Próxima Semana
Caddie é uma versão baseada no Slack do OpenClaw que não requer instalação local ou configuração MCP. Os usuários autorizam através do Slack App Directory em 60 segundos, depois digitam comandos para automatizar tarefas no Gmail, LinkedIn, CRM, calendário e mais de 100 outras ferramentas.