# block-goose-mcp-ui-future-agentic-interfaces-2025-08-25 ## Veille Block/Goose — MCP-UI and the Future of Agentic Interfaces: componentes web interactivos en conversaciones de agentes de IA mediante Model Context Protocol (block.github.io) ## Titre Article Block's Goose and the Future of Agentic Interfaces via Model Context Protocol ## Date 2025-08-25 ## URL https://block.github.io/goose/blog/2025/08/25/mcp-ui-future-agentic-interfaces/ ## Keywords Block, Goose, MCP, Model Context Protocol, interfaces agénticas, futuro de la UI, Square, herramientas para desarrolladores, agentes de IA, evolución de interfaces, integración de herramientas, gestión de contexto ## Authors Block (Square) Engineering team ## Ton **Perfil:** Developer advocacy | Tecnológico institucional | Educativo-Promocional | Intermedio El equipo Goose de Block (publicación redactada por Ebony Louis, Developer Advocate) adopta una voz entusiasta de developer advocacy, estructurada en torno a un episodio del pódcast "Wild Goose Case" con los creadores de MCP-UI (Ido Salomon y Liad Yosef, Monday.com) y Andrew Harvard (Block). La apertura mediante puntos de dolor concretos ("muros de texto", URLs copiadas y pegadas) establece frustraciones identificables. La estructura problema → solución → arquitectura → demos → visión guía una comprensión progresiva. El lenguaje técnico se mantiene accesible (iframes en sandbox, post messages, remote DOM) y los ejemplos concretos (Shopify, asientos de avión, restaurantes) anclan el protocolo abstracto. El tono optimista, libre de exageración ingenua (el desafío reconocido es la adopción), es típico del developer advocacy open source de Block dirigido a la comunidad de desarrolladores de agentes. ## Pense-betes - **Goose**: agente de IA de código abierto de Block, entre las primeras plataformas en admitir MCP-UI - **MCP-UI = protocolo + SDK**: componentes web ricos e interactivos incrustados directamente en las conversaciones con agentes - **Creadores**: Ido Salomon y Liad Yosef (Monday.com), junto con Andrew Harvard (Block); presentados en el episodio "Wild Goose Case" - **Problema abordado**: interfaces solo de texto inadecuadas para el público general — muros de texto, copiar y pegar, múltiples pestañas - **Filosofía**: no descartar décadas de experiencia en UI/UX web, sino aumentarla con IA - **Seguridad**: componentes renderizados en iframes en sandbox, comunicación con el host solo mediante post messages - **Tres tipos de contenido**: URLs externas, HTML sin procesar, remote DOM (workers separados) - **Demos**: catálogo interactivo de Shopify, mapa visual de selección de asientos de avión, descubrimiento de restaurantes con pedido - **Efecto de red**: un componente MCP-UI implementado una vez funciona en todos los agentes compatibles (Goose, extensiones de VS Code, futuros asistentes móviles) - **Visión**: revolución de accesibilidad (el agente construye la UI según las preferencias del usuario), UI generativa a futuro - **Inicio simple**: `createUIResource({ type: 'html', content: '

Hello World

' })` ## RésuméDe400mots 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: '

Hello World

' })`. **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. ## GrapheDeConnaissance - Ebony Louis —publie→ article MCP-UI agentic interfaces (DOCUMENT, 0.98) - MCP-UI —est_basé_sur→ Model Context Protocol (TECHNOLOGIE, 0.97) - Ido Salomon —a_créé→ MCP-UI (TECHNOLOGIE, 0.95) - Liad Yosef —a_créé→ MCP-UI (TECHNOLOGIE, 0.95) - Ido Salomon —travaille_chez→ Monday.com (ORGANISATION, 0.97) - Liad Yosef —travaille_chez→ Monday.com (ORGANISATION, 0.97) - Andrew Harvard —travaille_chez→ Block (ORGANISATION, 0.96) - MCP-UI —utilise→ iframes sandboxées (CONCEPT, 0.93) - MCP-UI —remplace→ interfaces textuelles des agents IA (CONCEPT, 0.92) - Goose —utilise→ MCP-UI (TECHNOLOGIE, 0.95) - Shopify —utilise→ MCP (TECHNOLOGIE, 0.9) - MCP-UI —permet→ préservation de l'expérience de marque (CONCEPT, 0.88) - MCP-UI —permet→ interfaces UI génératives personnalisées (CONCEPT, 0.85) --- Canonical: https://www.thekb.eu/es/fiches/block-goose-mcp-ui-future-agentic-interfaces-2025-08-25/