DAUB: Революционный CSS-компонентный фреймворк с поддержкой AI

Введение в проблематику

Традиционные фреймворки интерфейса пользователя решают неправильную проблему, помогая разработчикам создавать интерфейсы быстрее. Однако настоящая проблема заключается в другом. Системы искусственного интеллекта (AI) уже могут определить, какой интерфейс вам нужен. Медленная часть процесса заключается в цикле после генерации кода: копирование, вставка, исправление импортов, компиляция и просмотр результата.

Что такое DAUB?

DAUB - это библиотека компонентов CSS и JS, которая может быть легко интегрирована в существующий проект. Она имеет простую концепцию: два файла CDN, без дополнительных шагов сборки, и полный набор функций. Для начала работы достаточно подключить два файла:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.css">
<script src="https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.js"></script>

После этого ваш HTML-код будет стилизован с помощью 73 компонентов, которые представлены в 20 тематических семействах, каждое из которых имеет светлый и темный режим.

Режим без классов

Если вы не хотите задумываться о классах вообще, вы можете использовать режим без классов. Для этого необходимо подключить специальный файл CSS:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daub-ui@latest/daub-classless.css">

В этом режиме каждый элемент <table>, <form>, <button>, <nav> и <article> будет автоматически стилизован. Таким образом, вы можете получить полированный интерфейс, просто написав семантический HTML.

Интеграция с AI

DAUB разработан с учетом потребностей AI. Он включает в себя несколько функций, которые позволяют AI легко генерировать интерфейсы:

• Документация компонентов в формате llms.txt, который может быть直接 прочитан AI.
• Компактная версия документации в формате llms-compact.txt для более мелких окон контекста.
• Файл ai-plugin.json, который содержит манифест плагина OpenAI.
• Сервер MCP, который позволяет AI генерировать интерфейсы удаленно.

Сравнение с другими фреймворками

DAUB имеет несколько преимуществ перед другими фреймворками:

Дорожная карта

DAUB имеет амбициозные планы на будущее, которые выходят за рамки простой библиотеки компонентов. Он планирует стать полноценным слоем рендеринга, который позволит AI генерировать интерфейсы еще быстрее и проще.