Сервер DAUB MCP позволяет Клоду создавать и отображать пользовательские интерфейсы через JSON-спецификации

DAUB — это MCP-сервер, созданный специально для Claude, который обходит традиционный процесс разработки интерфейсов, где Claude генерирует код (например, JSX/HTML), который разработчики затем копируют, вставляют, компилируют и отлаживают. Вместо этого Claude может напрямую создавать и отображать полноценные пользовательские интерфейсы.

Как это работает

При использовании Claude с DAUB рабочий процесс выглядит следующим образом:

• Claude вызывает generate_ui("Мне нужна панель управления с графиком расходов, фильтрами и таблицей данных")
• MCP-сервер DAUB генерирует структурированную JSON-спецификацию
• DAUB немедленно отображает эту спецификацию как живой интерфейс — без компиляции или копирования-вставки
• Claude может затем вызывать validate_spec или render_spec для итерации над дизайном в течение нескольких циклов диалога

Инструменты MCP-сервера

MCP-сервер, работающий на Cloudflare edge, предоставляет четыре конкретных инструмента:

• generate_ui: Преобразует текстовые описания в отображаемые интерфейсы
• render_spec: Принимает JSON-спецификацию и возвращает живое отображение
• validate_spec: Позволяет Claude проверять собственный вывод перед отображением
• get_component_catalog: Позволяет Claude просматривать 76 компонентов в 34 категориях для выбора подходящих элементов интерфейса

Технические детали

Формат JSON-спецификации намеренно прост, чтобы обеспечить надёжную генерацию Claude. Он охватывает макет, типографику, формы, таблицы, навигацию, отображение данных и всплывающие окна. Claude может сравнивать спецификации между циклами и итерировать без необходимости начинать с нуля.

Для отображения требуется всего два CDN-файла: daub.css и daub.js. Он включает 20 семейств визуальных тем и не требует шага сборки.

Весь проект был создан с помощью Claude Code во время разработки, причём формат спецификации активно дорабатывался с Claude, чтобы обеспечить согласованную генерацию без выдумывания названий компонентов.

Доступность

DAUB можно использовать бесплатно. Репозиторий GitHub доступен по адресу https://github.com/sliday/daub, а также есть игровая площадка по адресу https://daub.dev/playground.html, где можно попробовать её без Claude. Дорожная карта доступна по адресу https://daub.dev/roadmap.