Permettre aux Agents IA
de Générer des UI en Sécurité
A2UI est un protocole UI déclaratif ouvert permettant aux agents IA de rendre des interfaces interactives riches de manière sécurisée sur plusieurs plateformes sans exécuter de code arbitraire.
Quatre Fonctionnalités Clés
Conçu pour les interactions UI de l'ère IA, résolvant le rendu sécurisé à travers les frontières de confiance
Sécurité d'Abord
Security by Design
Utilise un format de données déclaratif, pas de code exécutable. Les agents ne peuvent utiliser que des composants pré-approuvés, éliminant les risques d'injection UI au niveau architectural.
Compatible LLM
LLM-Friendly Format
Structure JSON plate optimisée pour la génération token par token des LLM. Le modèle de liste d'adjacence supporte l'analyse efficace et les mises à jour incrémentales.
Agnostique Framework
Framework Agnostic
La même réponse A2UI peut être rendue sur React, Angular, Flutter ou plateformes mobiles natives en utilisant les composants natifs de chaque plateforme.
Rendu Progressif
Progressive Rendering
Supporte les mises à jour UI en streaming, les utilisateurs voient l'interface se construire progressivement en temps réel. Réponse instantanée, expérience naturelle.
Comment ça Marche
A2UI permet une communication sécurisée entre les Agents IA et les clients via un protocole déclaratif
L'Utilisateur Envoie un Message
L'utilisateur envoie une requête à l'Agent IA, ex., "Trouver des restaurants à proximité"
L'Agent Génère A2UI
L'Agent IA génère un message A2UI décrivant l'UI (arbre de composants format JSON)
Streaming
Le message est transmis au client en streaming, supportant le rendu pendant la génération
Rendu Local
Le client rend l'UI avec des composants natifs (React/Flutter/Angular)
Interaction Utilisateur
L'utilisateur interagit avec l'UI, les événements sont renvoyés à l'Agent
Mise à Jour de Réponse
L'Agent répond avec un nouveau message A2UI, l'UI se met à jour dynamiquement
Vue d'Ensemble de l'Architecture
Essayez A2UI Composer
Construisez et testez des interfaces A2UI directement dans votre navigateur avec des outils visuels,
glissez-déposez des composants, aperçu en direct, exportez JSON en un clic
Propulsé par CopilotKit
Constructeur Visuel
Glissez-déposez des composants pour construire rapidement l'UI, WYSIWYG
Aperçu en Direct
Aperçu de rendu instantané, réponse en millisecondes
Exporter JSON
Export en un clic vers le format A2UI standard
Exemples de Code
Une réponse A2UI, rendu natif sur plusieurs plateformes
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}Frameworks et plateformes supportés
Autonomiser Chaque Rôle
Quel que soit votre rôle, A2UI vous aide à construire de meilleurs produits alimentés par l'IA
Développeur
- SDK clair et spécifications de protocole
- Non lié à un framework spécifique
- Support des composants personnalisés
- Support natif de sortie en streaming
- Sécurité de type TypeScript
Chef de Produit
- Architecture déclarative, sécurisée et conforme
- Définir une fois, rendre partout
- Rendu streaming, réponse instantanée
- Soutenu par Google, fiable
- Communauté open source, itération continue
- Réduire les barrières de développement de produits IA
Designer
- Utiliser des composants natifs, maintenir la cohérence du design
- Expérience native multiplateforme
- L'IA génère une UI contextuelle
- Outil visuel Composer
- Support des styles personnalisés
Ressources pour Développeurs
De la documentation aux exemples, démarrez rapidement avec A2UI
Démarrage Rapide
Commencez avec A2UI en 5 minutes, exécutez votre premier exemple
Concepts de Base
Apprenez Surface, Component, Data Binding et autres concepts clés
Guide du Développeur
Intégrez A2UI dans votre app, ou construisez un Agent IA
Spécifications
Spécifications techniques complètes et référence des types de messages
Démos d'Exemple
Découvrez A2UI en action
A2UI est open source, les contributions sont les bienvenues
Voir sur GitHubApache 2.0