Что такое generative UI?
Generative UI — это интерфейсы, которые создаёт языковая модель во время работы приложения. Компоненты потоково генерируются из вывода LLM и отображаются как настоящий UI, а не текст. Модель сама подбирает форму под содержание: диаграмму для чисел, форму для ввода, список для выбора.
- Форму выбирает дизайнер на этапе сборки
- Статические шаблоны, детерминированный результат
- Один и тот же экран для всех пользователей и запросов
- Изменения едут через релизный цикл
- Форму выбирает модель на этапе инференса
- Runtime-компоненты, вероятностный результат
- Разная форма под каждого пользователя и запрос
- Изменения едут через правку промпта или каталога
Новое
Что вышло у нас в последнее время.
Что такое Generative UI? Полное руководство
Всё, что нужно знать об ИИ-системах, генерирующих интерактивные UI-компоненты, а не только текст.
Generative UI и традиционный UI: ключевые различия
Чем генеративные интерфейсы отличаются от обычных UI и когда какой подход уместен.
Создаём первый Generative UI с Vercel AI SDK
Пошаговое руководство по созданию первого ИИ-интерфейса со стриминговыми компонентами.
Тематический справочник
Шесть направлений в ландшафте 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. Навигация по темам и фильтры по ролям — в дорожной карте.
Generative UI сегодня — рантаймы кратко
Пять production-grade вариантов: сравнение по стеку, модели стриминга, открытости и зрелости.
Vercel AI SDK
ЗрелыйTypeScript · RSC / Vue
Стриминг React/Vue-компонентов с tool use из коробки. Дефолт для новых Next.js и Nuxt.
CopilotKit
РазвиваетсяTypeScript · React Hooks
Готовые хуки и UI-примитивы для копилота. Хорошо, когда нужно добавить ассистента к существующему приложению.
Tambo
РаннийTypeScript · React catalog
Каталог компонентов, из которого выбирает модель. Полезно, когда дизайн-система — единица генерации.
Thesys C1
РазвиваетсяHosted API · any client
Хостинговый API, возвращающий готовый к рендеру UI. Меняет владение инфрой на скорость до первого экрана.
A2UI (Google)
РаннийJSON spec · renderer-agnostic
Открытая JSON-схема UI от агентов, не привязанная к рендереру. Cross-runtime, очень рано.
Open Source
Потоковый Markdown без мерцания
Наивные рендереры на основе innerHTML перестраивают DOM при каждом токене — вызывая мерцание, потерю фокуса и дёргание верстки. Generative DOM сравнивает AST и обновляет только то, что изменилось: примерно в 90 раз меньше операций с DOM, без мерцания.