Il blog Goose di Block pubblica un approfondimento su MCP-UI, una tecnologia che, secondo il team, elimina i "muri di testo infiniti" delle conversazioni con agenti IA. L'articolo si basa su un episodio del podcast "Wild Goose Case" che riunisce i creatori di MCP-UI, Ido Salomon e Liad Yosef di Monday.com, e Andrew Harvard di Block, per esplorare come questa tecnologia ridefinisce il futuro delle interfacce agentiche.
Il problema delle interfacce solo testuali
Chiedere oggi a un agente aiuto per un acquisto produce un muro di testo: nomi di prodotti, prezzi, descrizioni, seguiti da URL copiati e incollati e schede multiple — l'utente rifà tutto il lavoro. Come afferma Ido Salomon, chiunque ha vissuto quel momento di "rage quit" davanti a un assistente che restituisce solo testo. Queste interfacce funzionano per i primi utilizzatori, non per il grande pubblico.
MCP-UI: protocollo e SDK
MCP-UI (Model Context Protocol User Interface) consente di integrare componenti web ricchi e interattivi direttamente nelle conversazioni con gli agenti. La filosofia di fondo è semplice: perché scartare decenni di competenza in UI/UX web quando è possibile invece potenziarla con l'IA? Liad Yosef osserva che oltre un decennio di interfacce web perfezionate per i limiti cognitivi umani non dovrebbe sparire con l'affermarsi degli agenti. Il sistema sfrutta le risorse incorporate della specifica MCP: un server MCP può restituire componenti UI invece di semplice testo. Quattro contributi chiave: componenti ricchi (cataloghi, mappe dei posti a sedere, moduli), preservazione del brand (Shopify mantiene la propria esperienza), integrazione sicura e compatibilità cross-piattaforma.
Fondamenti tecnici
La sicurezza è prioritaria: i componenti vengono renderizzati in iframe sandboxed che comunicano con l'host solo tramite post messages, impedendo a codice di terze parti di manipolare l'applicazione principale. Sono supportati tre tipi di contenuto: URL esterni, HTML grezzo e remote DOM (renderizzato in worker separati). L'avvio è minimale: createUIResource({ type: 'html', content: '<h1>Hello World</h1>' }).
Dimostrazioni ed ecosistema
Le demo mostrano shopping visivo (catalogo Shopify interattivo con aggiunta al carrello), pianificazione di viaggi (selezione del posto su una mappa visiva, meteo automatico della destinazione) e scoperta di ristoranti (schede con foto, valutazioni, menu, ordinazione diretta) — tutto senza uscire dalla conversazione. Il successo si fonda su quattro gruppi di stakeholder: sviluppatori di agenti (come il team Goose), sviluppatori di server MCP, fornitori di servizi (Shopify, Square) e utenti finali. L'approccio crea un effetto di rete: un componente implementato una sola volta funziona su tutti gli agenti compatibili.
Visione
Oltre a interfacce più gradevoli: una rivoluzione dell'accessibilità ("cosa potrebbe essere più accessibile di un agente che ti conosce e costruisce l'interfaccia in base alle tue preferenze?") e, in prospettiva, una UI generativa che produce interfacce su misura per le esigenze di ciascun utente.