Le blog Goose de Block publie une plongée dans MCP-UI, technologie qui, selon l'équipe, condamne « les murs de texte sans fin » des conversations d'agents IA. L'article s'appuie sur un épisode du podcast « Wild Goose Case » réunissant les créateurs de MCP-UI, Ido Salomon et Liad Yosef de Monday.com, et Andrew Harvard de Block, pour explorer comment cette technologie redessine le futur des interfaces agentiques.
Le problème des interfaces texte-seulement
quoi de plus accessible qu'un agent qui vous connaît et construit l'UI selon vos préférences ?
Demander à un agent de l'aide pour un achat aboutit aujourd'hui à un mur de texte : noms de produits, prix, descriptions, puis copier-coller d'URLs et onglets multiples — l'utilisateur refait tout le travail. Comme le résume Ido Salomon, tout le monde a connu ce moment de « rage quit » devant un assistant qui ne renvoie que du texte. Ces interfaces conviennent aux early adopters, pas au grand public.
MCP-UI : protocole et SDK
MCP-UI (Model Context Protocol User Interface) permet d'intégrer des composants web riches et interactifs directement dans les conversations d'agents. La philosophie est simple : pourquoi jeter des décennies d'expertise web UI/UX quand on peut l'augmenter avec l'IA ? Liad Yosef souligne que plus d'une décennie d'interfaces web perfectionnées pour les limites cognitives humaines ne doit pas disparaître avec les agents. Le système exploite les embedded resources de la spécification MCP : un serveur MCP peut retourner des composants UI au lieu de texte brut. Quatre apports clés : composants riches (catalogues, cartes de sièges, formulaires), préservation de la marque (Shopify garde son expérience), intégration sécurisée, et compatibilité cross-platform.
Fondations techniques
La sécurité prime : les composants sont rendus dans des iframes sandboxées qui ne communiquent avec l'hôte que par post messages, empêchant le code tiers de manipuler l'application parente. Trois types de contenu sont supportés : URLs externes, HTML brut, et remote DOM (rendu dans des workers séparés). Le démarrage est minimal : createUIResource({ type: 'html', content: '<h1>Hello World</h1>' }).
Démonstrations et écosystème
Les démos montrent un shopping visuel (catalogue Shopify interactif avec ajout au panier), la planification de voyage (sélection de siège sur carte visuelle, météo de destination automatique) et la découverte de restaurants (cartes avec photos, notes, menus, commande directe) — le tout sans quitter la conversation. Le succès repose sur quatre parties prenantes : développeurs d'agents (comme l'équipe Goose), développeurs de serveurs MCP, fournisseurs de services (Shopify, Square) et utilisateurs finaux. L'approche crée un effet de réseau : un composant implémenté une fois fonctionne sur tous les agents compatibles.
Vision
Au-delà d'interfaces plus jolies : une révolution de l'accessibilité (« quoi de plus accessible qu'un agent qui vous connaît et construit l'UI selon vos préférences ? ») et, à terme, une générative UI produisant des interfaces adaptées aux besoins de chaque utilisateur.