Le guide du développeur sur l'interface utilisateur générative en 2026

DEV - 29/01
Les agents d’IA sont devenus bien meilleurs en matière de raisonnement et de planification. La couche d'interface utilisateur est restée pour l'essentiel la même,...

Les agents d’IA sont devenus bien meilleurs en matière de raisonnement et de planification. La couche d’interface utilisateur est restée pour l’essentiel la même et freine l’expérience.

La plupart des expériences des agents reposent toujours sur le chat, même lorsque la tâche nécessite clairement des formulaires, des aperçus, des contrôles ou des commentaires étape par étape.

L'interface utilisateur générative est l'idée qui permet aux agents d'influencer l'interface au moment de l'exécution, afin que l'interface utilisateur puisse changer à mesure que le contexte change. Cela se fait généralement via des spécifications d'interface utilisateur telles que A2UI, Open-JSON-UI ou MCP Apps.

Aujourd'hui, nous allons détailler l'interface utilisateur générative, les trois modèles pratiques et comment CopilotKit les prend en charge (en utilisant le protocole AG-UI sous le capot).

Allons-y.

Qu'est-ce qui est couvert ?

En résumé, nous aborderons ces sujets en détail.

  1. Qu’est-ce que l’interface utilisateur générative et pourquoi est-ce important ?
  2. Trois modèles d'interface utilisateur générative
    • Interface utilisateur générative statique (AG-UI)
    • Interface utilisateur générative déclarative (A2UI et Open-JSON-UI)
    • Interface utilisateur générative ouverte (applications MCP)
  3. Comment AG-UI active l'interface utilisateur générative au moment de l'exécution

Voici le dépôt GitHub pour le terrain de jeu en direct qui implémente les trois approches.

1. Qu'est-ce que l'interface utilisateur générative ?

L'interface utilisateur générative (parfois appelée GenUI) est un modèle dans lequel des parties de l'interface utilisateur sont générées, sélectionnées ou contrôlées par un agent IA au moment de l'exécution plutôt que d'être entièrement prédéfinies par les développeurs.

Au lieu de coder en dur chaque bouton, pour, m ou panneau dès le départ, l'interface utilisateur est créée dynamiquement en fonction des besoins et du contexte de l'utilisateur. L'agent peut décider quelle interface utilisateur afficher, quelles entrées il a besoin de la part de l'utilisateur et comment l'état doit être mis à jour à mesure que la tâche progresse.

Au lieu de générer uniquement du texte, l'agent peut :

  • demander des entrées structurées
  • rendre l'interface utilisateur spécifique à la tâche
  • mettre à jour l'interface à mesure que les outils s'exécutent et que l'état change

Cela transforme l’interface utilisateur en une partie active de l’exécution de l’agent plutôt qu’en un wrapper statique autour d’une boîte de discussion. Le frontend n'a plus besoin de déduire l'intention du texte.

UI générative = sortie LLM → interface utilisateur interactive en direct

Exemples :

  • Une requête de voyage → fiches d'itinéraire + carte + sections extensibles
  • Une requête de comparaison → tables triables

Dans l'écosystème CopilotKit, Generative UI n'est pas une simple abstraction. Il s'agit d'un ensemble de modèles construits sur les spécifications de l'interface utilisateur agent (telles que les applications A2UI et MCP) qui définissent la manière dont les agents communiquent les mises à jour de l'interfac...
[Courte citation de 8% de l'article original]

Loading...