El blog Goose de Block publica un análisis en profundidad sobre MCP-UI, una tecnología que, según el equipo, acaba con los "interminables muros de texto" de las conversaciones con agentes de IA. El artículo se basa en un episodio del pódcast "Wild Goose Case" que reúne a los creadores de MCP-UI, Ido Salomon y Liad Yosef de Monday.com, y Andrew Harvard de Block, para explorar cómo esta tecnología transforma el futuro de las interfaces agénticas.
El problema de la interfaz solo de texto
Pedirle hoy a un agente ayuda para una compra genera un muro de texto: nombres de productos, precios, descripciones, seguidos de URLs copiadas y pegadas y múltiples pestañas — el usuario rehace todo el trabajo. Como dice Ido Salomon, todos han vivido ese momento de "rage quit" frente a un asistente que solo devuelve texto. Estas interfaces funcionan para los early adopters, no para el público general.
MCP-UI: protocolo y SDK
MCP-UI (Model Context Protocol User Interface) permite incrustar componentes web ricos e interactivos directamente en las conversaciones con agentes. La filosofía subyacente es simple: por qué descartar décadas de experiencia en UI/UX web cuando en su lugar puede aumentarse con IA. Liad Yosef señala que más de una década de interfaces web refinadas para los límites cognitivos humanos no debería desaparecer con el auge de los agentes. El sistema aprovecha los recursos incrustados de la especificación MCP: un servidor MCP puede devolver componentes de UI en lugar de texto plano. Cuatro aportes clave: componentes ricos (catálogos, mapas de asientos, formularios), preservación de marca (Shopify conserva su propia experiencia), integración segura y compatibilidad multiplataforma.
Fundamentos técnicos
La seguridad es primordial: los componentes se renderizan en iframes en sandbox que se comunican con el host únicamente mediante post messages, impidiendo que código de terceros manipule la aplicación principal. Se admiten tres tipos de contenido: URLs externas, HTML sin procesar y remote DOM (renderizado en workers separados). El inicio es mínimo: createUIResource({ type: 'html', content: '<h1>Hello World</h1>' }).
Demostraciones y ecosistema
Las demos muestran compras visuales (catálogo interactivo de Shopify con añadir al carrito), planificación de viajes (selección de asiento en un mapa visual, clima automático del destino) y descubrimiento de restaurantes (tarjetas con fotos, valoraciones, menús, pedido directo) — todo sin salir de la conversación. El éxito descansa en cuatro grupos de actores: desarrolladores de agentes (como el equipo de Goose), desarrolladores de servidores MCP, proveedores de servicios (Shopify, Square) y usuarios finales. El enfoque crea un efecto de red: un componente implementado una vez funciona en todos los agentes compatibles.
Visión
Más allá de interfaces más atractivas: una revolución de accesibilidad ("¿qué podría ser más accesible que un agente que te conoce y construye la UI según tus preferencias?") y, con el tiempo, una UI generativa que produce interfaces adaptadas a las necesidades de cada usuario.