Chargement des modèles…
UI générative (interfaces rendues par l'agent)(GenUI)
L'agent génère, sélectionne et contrôle lui-même l'interface au moment de l'exécution, en renvoyant des composants interactifs riches (formulaires, graphiques, tableaux de bord, cartes, widgets à plusieurs étapes) plutôt que du simple texte, et en décidant comment présenter un résultat en fonction du type de contenu et de l'intention de l'utilisateur. Un appel d'outil du modèle émet de l'UI que l'hôte affiche dans un cadre isolé (sandbox), par exemple les MCP Apps qui servent du HTML packagé via des ressources `ui://`, ou des spécifications portables comme Google A2UI et Open-JSON-UI que le client dessine nativement. Cette approche est passée de l'expérimental à la production en 2026, à mesure que les MCP Apps ont été déployées dans Claude, ChatGPT, VS Code et Goose, aux côtés d'A2UI et de l'UI générative de CopilotKit/assistant-ui. À distinguer de `ag-ui-protocol`, qui diffuse en streaming les événements de l'agent vers un frontend préexistant, et de `adaptive-interface-patterns`, qui personnalise une interface existante : ici, l'agent matérialise l'interface elle-même, en choisissant et en construisant les composants au moment de la réponse.
Aperçu en 30 secondes
- Quoi
- L'agent génère et renvoie des composants d'UI interactifs (formulaires, graphiques, tableaux, cartes) comme sorties d'outils, que l'hôte affiche dans des cadres isolés.
- Quand l'utiliser
- Quand les résultats gagnent à être présentés visuellement, que l'utilisateur doit interagir avec les données, ou que le meilleur format dépend de l'intention et du type de contenu.
- Vigilance
- Les échecs de rendu, la latence réseau et les problèmes de compatibilité navigateur s'ajoutent aux erreurs de l'agent ; testez à fond les chemins de génération d'UI avant la mise en production.
Interrogez l'expert IA sur ce pattern
Ouvre l'assistant avec votre question préremplie. Vous la relisez avant l'envoi.
UI générative (interfaces rendues par l'agent): Vue d’ensemble
L'agent génère, sélectionne et contrôle lui-même l'interface au moment de l'exécution, en renvoyant des composants interactifs riches (formulaires, graphiques, tableaux de bord, cartes, widgets à plusieurs étapes) plutôt que du simple texte, et en décidant comment présenter un résultat en fonction du type de contenu et de l'intention de l'utilisateur. Un appel d'outil du modèle émet de l'UI que l'hôte affiche dans un cadre isolé (sandbox), par exemple les MCP Apps qui servent du HTML packagé via des ressources `ui://`, ou des spécifications portables comme Google A2UI et Open-JSON-UI que le client dessine nativement. Cette approche est passée de l'expérimental à la production en 2026, à mesure que les MCP Apps ont été déployées dans Claude, ChatGPT, VS Code et Goose, aux côtés d'A2UI et de l'UI générative de CopilotKit/assistant-ui. À distinguer de `ag-ui-protocol`, qui diffuse en streaming les événements de l'agent vers un frontend préexistant, et de `adaptive-interface-patterns`, qui personnalise une interface existante : ici, l'agent matérialise l'interface elle-même, en choisissant et en construisant les composants au moment de la réponse.
- Agent picks the presentation: a chart for a trend, a form for an action, a table for a comparison
- Tool calls return UI components, not just text, which the host renders inline
- Sandboxed rendering: MCP Apps serve bundled HTML via `ui://` resources in an isolated iframe
- Portable UI specs (Google A2UI, Open-JSON-UI) painted natively by the client, host-agnostic
- Bidirectional: rendered widgets post user actions back into the agent loop as tool results
- Content-and-intent routing decides layout, density, and modality per response
Recevez le guide de terrain Agent UX
Les 21 patterns d’UX d’agents condensés en un guide : ce que chacun est, quand l’utiliser et ce qui pose problème en production. Le lien arrive avec votre confirmation, avec l’hebdo The Agent Architect.
Un email par semaine, désinscription en un clic. Votre adresse ne sert qu'à envoyer le brief.
Références
Les articles, spécifications et dépôts sur lesquels repose ce modèle.
Par l’ingénieur derrière ce catalogue
Faites auditer l’architecture de vos agents
Cette page documente un pattern. Votre système en fait tourner des dizaines, et l’essentiel des pannes se loge dans la façon dont ils s’articulent. Faites relire toute la conception à l’aune des 288 patterns de ce catalogue : architecture, fiabilité, évaluation et coûts, chaque constat relié au pattern qui le corrige.
750 € au lieu de 1 500 €, une semaine, rapport écrit et appel de restitution, jusqu’au 30 septembre