Позвольте AI-агентам
безопасно создавать UI
A2UI — открытый декларативный UI-протокол, позволяющий AI-агентам безопасно отображать богатые интерактивные интерфейсы на разных платформах без выполнения произвольного кода.
Четыре ключевые возможности
Создан для UI-взаимодействий в эпоху AI, решает задачу безопасного рендеринга через границы доверия
Безопасность прежде всего
Безопасность по дизайну
Использует декларативный формат данных, а не исполняемый код. Агенты могут использовать только предварительно одобренные компоненты, исключая риски UI-инъекций на архитектурном уровне.
Дружественный к LLM
Формат для LLM
Плоская JSON-структура оптимизирована для токен-за-токеном генерации LLM. Модель списка смежности поддерживает эффективный парсинг и инкрементальные обновления.
Независим от фреймворка
Фреймворк-агностик
Один и тот же A2UI-ответ может быть отрендерен на React, Angular, Flutter или нативных мобильных платформах с использованием нативных компонентов каждой платформы.
Прогрессивный рендеринг
Прогрессивный рендеринг
Поддерживает потоковые обновления UI, пользователи видят построение интерфейса в реальном времени. Мгновенный отклик, естественный опыт.
Как это работает
A2UI обеспечивает безопасную связь между AI-агентами и клиентами через декларативный протокол
Пользователь отправляет сообщение
Пользователь отправляет запрос AI-агенту, например, «Найти рестораны поблизости»
Агент генерирует A2UI
AI-агент генерирует A2UI-сообщение, описывающее UI (дерево компонентов в формате JSON)
Стриминг
Сообщение транслируется клиенту, поддерживая рендеринг во время генерации
Локальный рендеринг
Клиент рендерит UI с использованием нативных компонентов (React/Flutter/Angular)
Взаимодействие пользователя
Пользователь взаимодействует с UI, события отправляются обратно агенту
Обновление ответа
Агент отвечает новым A2UI-сообщением, UI обновляется динамически
Обзор архитектуры
Попробуйте A2UI Composer
Создавайте и тестируйте интерфейсы A2UI прямо в браузере с визуальными инструментами,
перетаскивайте компоненты, смотрите превью, экспортируйте JSON одним кликом
На базе CopilotKit
Визуальный конструктор
Перетаскивайте компоненты для быстрого создания UI, WYSIWYG
Живой предпросмотр
Мгновенный рендеринг, отклик в миллисекундах
Экспорт JSON
Экспорт в стандартный формат A2UI одним кликом
Примеры кода
Один A2UI-ответ, нативный рендеринг на нескольких платформах
1{2 "type": "surface",3 "surface_id": "main_content",4 "components": [5 {6 "id": "card_1",7 "type": "card",8 "props": {9 "title": "Italian Restaurant",10 "subtitle": "0.5 km away",11 "image": "https://..."12 },13 "children": ["rating_1", "btn_1"]14 },15 {16 "id": "rating_1",17 "type": "rating",18 "props": { "value": 4.5, "count": 128 }19 },20 {21 "id": "btn_1",22 "type": "button",23 "props": {24 "label": "View Details",25 "action": "view_restaurant"26 }27 }28 ]29}Поддерживаемые фреймворки и платформы
Для каждой роли
Какой бы ни была ваша роль, A2UI поможет создавать лучшие AI-продукты
Разработчик
- Понятный SDK и спецификации протокола
- Не привязан к конкретному фреймворку
- Поддержка кастомных компонентов
- Нативная поддержка потокового вывода
- Типобезопасность TypeScript
Продакт-менеджер
- Декларативная архитектура, безопасная и соответствующая требованиям
- Определите один раз, рендерите везде
- Потоковый рендеринг, мгновенный отклик
- Поддержка Google, надёжность
- Open source сообщество, постоянное развитие
- Снижение барьеров разработки AI-продуктов
Дизайнер
- Используйте нативные компоненты, сохраняйте консистентность дизайна
- Кроссплатформенный нативный опыт
- AI генерирует контекстно-зависимый UI
- Визуальный инструмент Composer
- Поддержка кастомных стилей
Ресурсы для разработчиков
От документации до примеров, быстро начните работу с A2UI
Быстрый старт
Начните с A2UI за 5 минут, запустите первый пример
Основные концепции
Узнайте о Surface, Component, Data Binding и других концепциях
Руководство разработчика
Интегрируйте A2UI в приложение или создайте AI-агента
Спецификации протокола
Полные технические спецификации и справочник типов сообщений
Примеры демо
Испытайте A2UI в действии
A2UI — открытый проект, мы рады вкладу
Смотреть на GitHubApache 2.0