DAUB MCP Server Lets Claude Generate and Render UIs via JSON Specs
DAUB is an MCP server built specifically for Claude that bypasses the traditional UI development workflow where Claude generates code (like JSX/HTML) that developers then copy, paste, compile, and debug. Instead, Claude can directly generate and render full user interfaces.
How It Works
When using Claude with DAUB, the workflow is:
- Claude calls
generate_ui("I need a dashboard with a spending chart, filters, and a data table") - DAUB's MCP server generates a structured JSON specification
- DAUB renders this spec as a live interface immediately—no compilation or copy-paste required
- Claude can then call
validate_specorrender_specto iterate on the design across multiple conversation turns
MCP Server Tools
The MCP server, which runs on Cloudflare edge, exposes four specific tools:
generate_ui: Converts natural language descriptions into rendered interfacesrender_spec: Takes a JSON specification and returns a live rendervalidate_spec: Allows Claude to check its own output before renderingget_component_catalog: Lets Claude browse 76 components across 34 categories to select appropriate UI elements
Technical Details
The JSON specification format is intentionally simple to ensure Claude can produce it reliably. It covers layout, typography, forms, tables, navigation, data display, and overlays. Claude can diff specs across turns and iterate without starting from scratch.
The rendering side requires only two CDN files: daub.css and daub.js. It includes 20 visual theme families and requires zero build step.
The entire project was built with Claude Code during development, with the specification format heavily iterated with Claude to ensure consistent generation without hallucinating component names.
Availability
DAUB is free to use. The GitHub repository is available at https://github.com/sliday/daub, and there's a playground at https://daub.dev/playground.html where you can try it without Claude. A roadmap is available at https://daub.dev/roadmap.
📖 Read the full source: r/ClaudeAI
👀 See Also
Building a Local Voice-to-Text macOS App with Claude Code: Vext Case Study
A developer spent 3 months building Vext, a macOS voice-to-text app using Whisper on Apple Neural Engine. Claude Code helped with Rust/Swift FFI, Core ML optimization, and hotkey architecture. The app runs 100% offline, transcribes 60s audio in ~400ms.
GLM-5.1 vs MiniMax M2.7: Performance comparison for AI coding agents
GLM-5.1 achieves SWE-bench-Verified 77.8 and Terminal Bench 2.0 56.2 scores, the highest among open-source models, while MiniMax M2.7 offers fast responses with low TTFT and high throughput ideal for CI bots and batch edits.
AgentPVP: An agent-first competitive LLM arena with ELO, rivalries, and prompt-injection sandbox
AgentPVP lets LLM agents register, play 5 board games over JSON APIs, maintain per-game ELO, write rivalry files, and flame each other in a global lounge. HTML is optional — the API is the site.
RCFlow: Open-source orchestrator for Claude Code, Codex, and OpenCode with multi-session management
RCFlow is an AGPL v3 orchestrator for AI coding agents (Claude Code, Codex, OpenCode) providing a unified UI to manage parallel sessions across machines, with worktree support, task planning, artifact tracking, and live telemetry.