C
ChaoBro

Google A2UI с открытым исходным кодом: агенты напрямую рендерят фронтенд-компоненты, а не просто JSON

Google A2UI с открытым исходным кодом: агенты напрямую рендерят фронтенд-компоненты, а не просто JSON

Агент закончил рассуждение, вызвал инструменты, получил данные — и что дальше? Выплюнуть JSON-объект, чтобы фронтенд парсил его вручную?

Google A2UI (Agent-to-UI) даёт более прямой ответ: агент напрямую выводит фронтенд-компоненты, а браузер рендерит их на месте.

Этот репозиторий сейчас имеет 14.6k звёзд на GitHub, поддерживается официальной командой Google (инженеры вроде jacobsimionato и gspencergoog), с поддержкой как React, так и Angular.

Какую проблему это решает

Традиционный поток вывода агента выглядит так:

Агент → JSON → Фронтенд парсит JSON → Вручную строит UI → Рендерит

A2UI укорачивает этот конвейер:

Агент → Структурированное описание UI → Рендерер напрямую рендерит

В чём разница? Фронтенду не нужно знать бизнес-логику агента. Агент решает, какие компоненты использовать, какие данные заполнить и как их расположить — фронтенд просто выполняет инструкции рендеринга.

Это прямой конкурент CopilotKit, Vercel AI SDK и другим подходам «Generative UI» — но A2UI идёт путём открытого кода и нейтральности к фреймворкам, не привязываясь к конкретной облачной платформе.

Что говорит нам архитектура

Структура репозитория раскрывает некоторые дизайнерские решения:

  • agent_sdks/: Каталог Agent SDK, предполагающий, что Google продвигает стандартизированный протокол Agent-to-UI
  • renderers/: Каталог рендереров, поддерживающий как React, так и Angular в качестве независимых модулей
  • eval/: Каталог оценки, означающий, что проект имеет строгую оценку качества
  • 708 коммитов, с обновлениями за последние 20 часов — это не экспериментальный побочный проект

Одна примечательная деталь: последний коммит React-рендерера — [react] Exclude SVG elements from CSS reset — этот уровень детализации говорит о том, что кто-то использует его в продакшене и сообщает об ошибках.

Где это вписывается в ландшафт Generative UI

Generative UI — одно из ключевых препятствий для развёртывания агентов в 2026 году. AI SDK от Vercel, протокол AG-UI от CopilotKit — все они делают нечто подобное: позволяют агентам выводить динамический UI.

Дифференциация A2UI:

  1. Нейтральность к фреймворкам: Не только React, поддержка Angular реальна
  2. Поддержка Google: Не стартап-проект, есть штатные инженеры Google
  3. Амбиции протокола: Каталог agent_sdks/ намекает на кросс-фреймворковый стандарт Agent-to-UI

Можно ли использовать сейчас

Да, но не стоит вырывать ваш продакшен-конвейер UI-рендеринга прямо сейчас.

Причины:

  • Всё ещё в активной итерации (708 коммитов, 2 тега), API может быть нестабильным
  • Каталог eval существует, но нет публичных отчётов о бенчмарках
  • Пока только React и Angular — пользователи Vue остались за бортом

Рекомендуемый подход: добавьте A2UI-рендерер в ваш проект агента, запустите его параллельно с существующим JSON-выводом на некоторое время и сравните точность и задержку рендеринга UI.

За чем следить

  • Стандартизация Agent SDK — если Google сможет сделать Agent-to-UI кросс-фреймворковым открытым протоколом, это изменит ландшафт Generative UI
  • Сроки поддержки Vue — значительная база пользователей в Китае
  • Совместимость с протоколом AG-UI от CopilotKit — эти два проекта объединятся или пойдут разными путями?

A2UI — это не ещё один «фреймворк для агентов». Он решает последнюю милю развёртывания агентов — что пользователь видит на самом деле. Без решения этого даже самый умный агент — просто бэкенд-API.

Источники: