# block-goose-mcp-ui-future-agentic-interfaces-2025-08-25
## Veille
Block/Goose — MCP-UI and the Future of Agentic Interfaces: interaktive Webkomponenten in Konversationen mit KI-Agenten via 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, agentische Interfaces, Zukunft der UI, Square, Entwicklertools, KI-Agenten, Interface-Evolution, Tool-Integration, Kontextverwaltung
## Authors
Block (Square) Engineering team
## Ton
**Profil:** Developer Advocacy | Tech-institutionell | Edukativ-Promotional | Fortgeschritten
Das Goose-Team von Block (Beitrag verfasst von Ebony Louis, Developer Advocate) nimmt eine enthusiastische Developer-Advocacy-Stimme an, strukturiert um eine Folge des Podcasts „Wild Goose Case“ mit den Schöpfern von MCP-UI (Ido Salomon und Liad Yosef, Monday.com) und Andrew Harvard (Block). Der Einstieg über konkrete Pain Points („Textwände“, kopierte URLs) etabliert nachvollziehbare Frustrationen. Die Struktur Problem → Lösung → Architektur → Demos → Vision leitet ein schrittweises Verständnis an. Die technische Sprache bleibt zugänglich (sandboxed iframes, Post-Messages, Remote DOM), und konkrete Beispiele (Shopify, Flugzeugsitze, Restaurants) verankern das abstrakte Protokoll. Der optimistische, von naivem Hype freie Ton (die Herausforderung der Adoption wird eingeräumt) ist typisch für Blocks Open-Source-Advocacy, die sich an die Community der Agenten-Entwickler richtet.
## Pense-betes
- **Goose**: Open-Source-KI-Agent von Block, eine der ersten Plattformen, die MCP-UI unterstützen
- **MCP-UI = Protokoll + SDK**: reichhaltige, interaktive Webkomponenten, direkt in Agenten-Konversationen eingebettet
- **Schöpfer**: Ido Salomon und Liad Yosef (Monday.com), zusammen mit Andrew Harvard (Block); vorgestellt in der Folge „Wild Goose Case“
- **Behandeltes Problem**: rein textbasierte Interfaces, die für die breite Öffentlichkeit ungeeignet sind — Textwände, Copy-Paste, mehrere Tabs
- **Philosophie**: jahrzehntelange Web-UI/UX-Expertise nicht verwerfen, sondern mit KI erweitern
- **Sicherheit**: Komponenten werden in sandboxed iframes gerendert, Kommunikation mit dem Host nur über Post-Messages
- **Drei Inhaltstypen**: externe URLs, rohes HTML, Remote DOM (separate Worker)
- **Demos**: interaktiver Shopify-Katalog, visuelle Sitzplatzkarte für Flugzeuge, Restaurantsuche mit Bestellfunktion
- **Netzwerkeffekt**: eine einmal implementierte MCP-UI-Komponente funktioniert über alle kompatiblen Agenten hinweg (Goose, VS-Code-Erweiterungen, künftige mobile Assistenten)
- **Vision**: Revolution der Barrierefreiheit (der Agent erstellt die UI nach Nutzervorlieben), langfristig generative UI
- **Einfacher Einstieg**: `createUIResource({ type: 'html', content: 'Hello World
' })`
## RésuméDe400mots
Der Goose-Blog von Block veröffentlicht eine ausführliche Analyse zu **MCP-UI**, einer Technologie, die laut dem Team die „endlosen Textwände“ von KI-Agenten-Konversationen beseitigt. Der Artikel stützt sich auf eine Folge des Podcasts „Wild Goose Case“, in der die Schöpfer von MCP-UI, **Ido Salomon und Liad Yosef von Monday.com**, sowie **Andrew Harvard von Block** zusammenkommen, um zu untersuchen, wie diese Technologie die Zukunft agentischer Benutzeroberflächen neu gestaltet.
**Das Problem rein textbasierter Interfaces**
Bittet man einen Agenten heute um Hilfe bei einem Kauf, resultiert dies in einer Textwand: Produktnamen, Preise, Beschreibungen, gefolgt von kopierten URLs und mehreren Tabs — der Nutzer muss die gesamte Arbeit erneut erledigen. Wie Ido Salomon es ausdrückt, hat jeder diesen „Rage-Quit“-Moment vor einem Assistenten erlebt, der nichts als Text zurückgibt. Diese Interfaces funktionieren für Early Adopters, nicht für die breite Öffentlichkeit.
**MCP-UI: Protokoll und SDK**
MCP-UI (Model Context Protocol User Interface) ermöglicht die direkte Einbettung **reichhaltiger, interaktiver Webkomponenten** in Agenten-Konversationen. Die zugrunde liegende Philosophie ist einfach: Warum jahrzehntelange Web-UI/UX-Expertise verwerfen, wenn sie stattdessen mit KI erweitert werden kann? Liad Yosef weist darauf hin, dass mehr als ein Jahrzehnt an Webinterfaces, die auf die kognitiven Grenzen des Menschen abgestimmt wurden, mit dem Aufkommen von Agenten nicht verschwinden sollte. Das System nutzt die eingebetteten Ressourcen der MCP-Spezifikation: Ein MCP-Server kann UI-Komponenten anstelle von reinem Text zurückgeben. Vier zentrale Beiträge: reichhaltige Komponenten (Kataloge, Sitzpläne, Formulare), **Markenerhalt** (Shopify behält seine eigene Experience), sichere Integration und **plattformübergreifende Kompatibilität**.
**Technische Grundlagen**
Sicherheit steht im Vordergrund: Komponenten werden in **sandboxed iframes** gerendert, die nur über Post-Messages mit dem Host kommunizieren, wodurch verhindert wird, dass Drittanbieter-Code die übergeordnete Anwendung manipuliert. Drei Inhaltstypen werden unterstützt: externe URLs, rohes HTML und Remote DOM (gerendert in separaten Workern). Der Einstieg ist minimal: `createUIResource({ type: 'html', content: 'Hello World
' })`.
**Demonstrationen und Ökosystem**
Die Demos zeigen visuelles Einkaufen (interaktiver Shopify-Katalog mit Warenkorb-Hinzufügung), Reiseplanung (Sitzplatzauswahl auf einer visuellen Karte, automatische Zielwetteranzeige) und Restaurantsuche (Karten mit Fotos, Bewertungen, Speisekarten, direkter Bestellung) — alles ohne die Konversation zu verlassen. Der Erfolg beruht auf vier Gruppen von Beteiligten: Agenten-Entwicklern (wie dem Goose-Team), MCP-Server-Entwicklern, Dienstanbietern (Shopify, Square) und Endnutzern. Der Ansatz erzeugt einen **Netzwerkeffekt**: Eine einmal implementierte Komponente funktioniert über alle kompatiblen Agenten hinweg.
**Vision**
Über ansprechendere Interfaces hinaus: eine **Revolution der Barrierefreiheit** („Was könnte zugänglicher sein als ein Agent, der einen kennt und die UI nach den eigenen Vorlieben erstellt?“) und schließlich eine **generative UI**, die auf die Bedürfnisse jedes Nutzers zugeschnittene Interfaces erzeugt.
## 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/de/fiches/block-goose-mcp-ui-future-agentic-interfaces-2025-08-25/