Servidor MCP de DAUB Permite que Claude Genere y Renderice UIs mediante Especificaciones JSON

DAUB es un servidor MCP construido específicamente para Claude que evita el flujo de trabajo tradicional de desarrollo de UI donde Claude genera código (como JSX/HTML) que los desarrolladores luego copian, pegan, compilan y depuran. En su lugar, Claude puede generar y renderizar interfaces de usuario completas directamente.

Cómo Funciona

Cuando se usa Claude con DAUB, el flujo de trabajo es:

• Claude llama a generate_ui("Necesito un panel de control con un gráfico de gastos, filtros y una tabla de datos")
• El servidor MCP de DAUB genera una especificación JSON estructurada
• DAUB renderiza esta especificación como una interfaz en vivo inmediatamente—sin compilación ni copiar-pegar requeridos
• Claude puede luego llamar a validate_spec o render_spec para iterar en el diseño a través de múltiples turnos de conversación

Herramientas del Servidor MCP

El servidor MCP, que se ejecuta en el edge de Cloudflare, expone cuatro herramientas específicas:

• generate_ui: Convierte descripciones en lenguaje natural en interfaces renderizadas
• render_spec: Toma una especificación JSON y devuelve un renderizado en vivo
• validate_spec: Permite a Claude verificar su propia salida antes de renderizar
• get_component_catalog: Permite a Claude explorar 76 componentes en 34 categorías para seleccionar elementos de UI apropiados

Detalles Técnicos

El formato de especificación JSON es intencionalmente simple para asegurar que Claude pueda producirlo de manera confiable. Cubre diseño, tipografía, formularios, tablas, navegación, visualización de datos y superposiciones. Claude puede comparar especificaciones entre turnos e iterar sin comenzar desde cero.

El lado del renderizado requiere solo dos archivos CDN: daub.css y daub.js. Incluye 20 familias de temas visuales y requiere cero pasos de compilación.

Todo el proyecto fue construido con Claude Code durante el desarrollo, con el formato de especificación iterado extensamente con Claude para asegurar generación consistente sin alucinar nombres de componentes.

Disponibilidad

DAUB es gratuito para usar. El repositorio de GitHub está disponible en https://github.com/sliday/daub, y hay un playground en https://daub.dev/playground.html donde puedes probarlo sin Claude. Un roadmap está disponible en https://daub.dev/roadmap.