Зачем агенту интерфейс
Текстовый диалог плохо справляется с задачами, где нужен выбор. Пример из анонса Google: чтобы забронировать столик, пользователь и агент обмениваются серией сообщений о дате, времени и свободных слотах — хотя форма с выбором даты, времени и кнопкой решила бы задачу за один шаг. Сложность в том, что агент часто работает удалённо — на другом сервере или у другой компании — и не может напрямую менять интерфейс приложения. Раньше выход был один: присылать HTML и JavaScript в iframe, а это тяжело, выглядит чужеродно и усложняет безопасность.
Как работает A2UI
- Пользователь пишет агенту.
- Агент формирует сообщения A2UI: создать поверхность (surface), описать компоненты, передать данные.
- Сообщения идут по любому транспорту: A2A, AG-UI, SSE, WebSockets.
- Приложение сопоставляет компоненты со своим каталогом и рисует их нативно — на вебе, в мобильном или десктопном клиенте.
- Действия пользователя — нажатия, ввод — возвращаются агенту как события.
Упрощённый пример по мотивам документации v0.9.1 — заголовок карточки и кнопка:
{"version": "v0.9.1", "updateComponents": {"surfaceId": "product", "components": [
{"id": "title", "component": "Text", "text": "Кроссовки Trail, 42-й размер", "variant": "h1"},
{"id": "buy-label", "component": "Text", "text": "В корзину"},
{"id": "buy", "component": "Button", "child": "buy-label", "action": {"event": {"name": "add_to_cart"}}}
]}}
A2UI, AG-UI и MCP Apps
| A2UI | AG-UI | MCP Apps | |
|---|---|---|---|
| Что это | Формат описания интерфейса | Событийный протокол агент ↔ фронтенд | Расширение MCP для интерфейсов |
| Автор | Google при участии CopilotKit | CopilotKit | Экосистема MCP (SEP-1865) |
| Как рисуется | Нативные компоненты приложения | Решает разработчик | Готовый HTML в iframe |
| Кто управляет стилем | Приложение | Приложение | Сервер |
| Защита | Данные вместо кода | Доверенный код приложения | Изоляция iframe |
Подходы не конкурируют: AG-UI может служить транспортом для A2UI, а для MCP в документации A2UI описаны оба направления — A2UI поверх MCP и MCP Apps внутри A2UI.
Что это значит для e-commerce
- Витрина в диалоге. AI Shopping Assistant может показать карточки товаров, фильтры и выбор варианта, а не абзац текста со ссылками.
- Единый стиль. Компоненты берутся из вашей дизайн-системы, поэтому ответ агента выглядит как часть сайта или приложения.
- Контроль. Агент не может показать то, чего нет в вашем каталоге компонентов, — это снижает риск подмены интерфейса.
- С чего начать. Составьте короткий каталог компонентов для диалоговой коммерции — карточка, список, выбор размера, форма, кнопка — и проверьте его на официальных рендерерах.