01Хаб практиков · Generative UI
Разрабатываем AI-интерфейсы которые идут в прод.
Консалтинг и разработка Generative UI для команд, которым нужны AI-фичи в продакшне — не демо. Streaming-компоненты, tool-use флоу, агентные воркфлоу, полный цикл разработки.
02Принципы
Что такое generative UI?
Generative UI — это интерфейсы, которые создаёт языковая модель во время работы приложения. Компоненты потоково генерируются из вывода LLM и отображаются как настоящий UI, а не текст. Модель сама подбирает форму под содержание: диаграмму для чисел, форму для ввода, список для выбора.
Модель выбирает форму
Диаграмму для чисел, форму для ввода, список для выбора.
Компоненты из вашей библиотеки
Модель не пишет HTML/JSX — она выбирает из вашей библиотеки.
Стриминг вместо текста
Интерактивные элементы потоково появляются как настоящий UI, а не текст.
Изменения через промпт
Изменения едут через правку промпта или каталога.
Традиционный UI
Generative UI
Форму выбирает дизайнер на этапе сборки
Форму выбирает модель на этапе инференса
Статические шаблоны, детерминированный результат
Runtime-компоненты, вероятностный результат
Один и тот же экран для всех пользователей и запросов
Разная форма под каждого пользователя и запрос
Изменения едут через релизный цикл
Изменения едут через правку промпта или каталога
03Новое
Новое
Что вышло у нас в последнее время.
Что такое Generative UI? Полное руководство
Всё, что нужно знать об ИИ-системах, генерирующих интерактивные UI-компоненты, а не только текст.Generative UI и традиционный UI: ключевые различия
Чем генеративные интерфейсы отличаются от обычных UI и когда какой подход уместен.Создаём первый Generative UI с Vercel AI SDK
Пошаговое руководство по созданию первого ИИ-интерфейса со стриминговыми компонентами.04Справочник
Тематический справочник
Шесть направлений в ландшафте generative UI. Выбирайте по своей позиции — инженер на полпути к релизу, дизайнер, собирающий паттерны, продакт на этапе оценки или руководитель, считающий ставку.
Рантаймы и SDK
Vercel AI SDK, CopilotKit, Tambo, Thesys C1, A2UI — как каждый из них стримит компоненты, где швы и что значит «в проде».
Паттерны и компоненты
Интерактивные паттерны для UI, который рисует LLM, — раскрытие, восстановление от ошибок, подтверждение инструментов и сами дизайн-вопросы, которые ставит generative UI.
Дизайнеры · ИнженерыProduction-инженерия
Наблюдаемость, производительность, тестирование, доступность. Что нужно, чтобы выкатить стриминговый LLM-интерфейс пользователям и удержать его в проде.
ИнженерыRAG и tool use
Retrieval-augmented generation, вызов инструментов, агентские воркфлоу. Паттерны, которые выводят generative UI за рамки статичных каталогов в реальные действия.
ИнженерыСостояние индустрии
Состояние рынка, ландшафт вендоров, кривые внедрения. Что реально едет в проде сейчас — для оценки, скоупинга и принятия ставки.
Продакты · Руководители · КонсультантыС чего начать
Что такое generative UI, для кого он, когда имеет смысл внедрять. Базовый праймер для тех, кто впервые встретил термин.
Материалы рассчитаны на инженеров, дизайнеров, продактов и руководителей, которые внедряют или оценивают generative UI. Навигация по темам и фильтры по ролям — в дорожной карте.
05Состояние
Generative UI сегодня — рантаймы кратко
Пять production-grade вариантов: сравнение по стеку, модели стриминга, открытости и зрелости.
| Рантайм | Зрелость | Кратко |
|---|---|---|
| Vercel AI SDK | Зрелый | Стриминг React/Vue-компонентов с tool use из коробки. Дефолт для новых Next.js и Nuxt. |
| CopilotKit | Развивается | Готовые хуки и UI-примитивы для копилота. Хорошо, когда нужно добавить ассистента к существующему приложению. |
| Tambo | Ранний | Каталог компонентов, из которого выбирает модель. Полезно, когда дизайн-система — единица генерации. |
| Thesys C1 | Развивается | Хостинговый API, возвращающий готовый к рендеру UI. Меняет владение инфрой на скорость до первого экрана. |
| A2UI (Google) | Ранний | Открытая JSON-схема UI от агентов, не привязанная к рендереру. Cross-runtime, очень рано. |
Open Source
Потоковый Markdown без мерцания
Наивные рендереры на основе innerHTML перестраивают DOM при каждом токене — вызывая мерцание, потерю фокуса и дёргание верстки. Generative DOM сравнивает AST и обновляет только то, что изменилось: примерно в 90 раз меньше операций с DOM, без мерцания.
userпокажи продажи за Q1
modeltool · revenueChart({range:"Q1",currency:"RUB"})
dom<RevenueChart/> — смонтирован
dom<FilterPanel/> — смонтирован
diffтолько изменённые узлы · без мерцания
07Open Source
Веб-компоненты, которые LLM умеют собирать сами
Больше 100 framework-agnostic тегов — chat-поверхности, графики, матрицы решений, обучающие виджеты — у каждого валидированный meta.json: props, события, слоты, темы и зависимости в машиночитаемом JSON. Модель видит каталог так же, как разработчик, и выбирает примитив под данные, которые сейчас будет рендерить.
Каталог: 100+ тегов · meta.json у каждого.