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_spec ou render_spec para 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 renderizadas
• render_spec: Recebe uma especificação JSON e retorna uma renderização ao vivo
• validate_spec: Permite que o Claude verifique sua própria saída antes de renderizar
• get_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.