Muster werden geladen…
Generative UI (vom Agenten gerenderte Oberflächen)(GenUI)
Der Agent generiert, wählt und steuert die Oberfläche zur Laufzeit selbst und liefert statt reinem Text reichhaltige interaktive Komponenten (Formulare, Diagramme, Dashboards, Karten, mehrstufige Widgets); anhand des Inhaltstyps und der Nutzerabsicht entscheidet er, wie ein Ergebnis dargestellt wird. Ein Tool-Aufruf des Modells gibt UI aus, die der Host in einem isolierten Frame (Sandbox) rendert, etwa MCP Apps, die gebündeltes HTML über `ui://`-Ressourcen ausliefern, oder portable Spezifikationen wie Google A2UI und Open-JSON-UI, die der Client nativ zeichnet. Dies wechselte 2026 vom Experiment in die Produktion, als MCP Apps in Claude, ChatGPT, VS Code und Goose ausgeliefert wurden, neben A2UI und der generativen UI von CopilotKit/assistant-ui. Abzugrenzen von `ag-ui-protocol`, das Agenten-Ereignisse an ein vorgefertigtes Frontend streamt, und von `adaptive-interface-patterns`, das eine bestehende Oberfläche personalisiert: Hier materialisiert der Agent die Oberfläche selbst und wählt und konstruiert die Komponenten zur Antwortzeit.
In 30 Sekunden
- Was
- Der Agent erzeugt interaktive UI-Komponenten (Formulare, Diagramme, Tabellen, Karten) als Werkzeugausgaben, die der Host in abgeschotteten Frames rendert.
- Wann einsetzen
- Wenn Ergebnisse von visueller Darstellung profitieren, Nutzer mit den Daten interagieren müssen oder das beste Format von Absicht und Inhaltstyp abhängt.
- Achtung
- Renderfehler, Netzwerklatenz und Browser-Kompatibilitätsprobleme verstärken die Fehler des Agenten; testen Sie die Pfade der UI-Generierung gründlich vor dem Produktivbetrieb.
Fragen Sie den KI-Experten zu diesem Pattern
Öffnet den Assistenten mit vorbereiteter Frage. Sie prüfen sie vor dem Senden.
Generative UI (vom Agenten gerenderte Oberflächen): Überblick
Der Agent generiert, wählt und steuert die Oberfläche zur Laufzeit selbst und liefert statt reinem Text reichhaltige interaktive Komponenten (Formulare, Diagramme, Dashboards, Karten, mehrstufige Widgets); anhand des Inhaltstyps und der Nutzerabsicht entscheidet er, wie ein Ergebnis dargestellt wird. Ein Tool-Aufruf des Modells gibt UI aus, die der Host in einem isolierten Frame (Sandbox) rendert, etwa MCP Apps, die gebündeltes HTML über `ui://`-Ressourcen ausliefern, oder portable Spezifikationen wie Google A2UI und Open-JSON-UI, die der Client nativ zeichnet. Dies wechselte 2026 vom Experiment in die Produktion, als MCP Apps in Claude, ChatGPT, VS Code und Goose ausgeliefert wurden, neben A2UI und der generativen UI von CopilotKit/assistant-ui. Abzugrenzen von `ag-ui-protocol`, das Agenten-Ereignisse an ein vorgefertigtes Frontend streamt, und von `adaptive-interface-patterns`, das eine bestehende Oberfläche personalisiert: Hier materialisiert der Agent die Oberfläche selbst und wählt und konstruiert die Komponenten zur Antwortzeit.
- Agent picks the presentation: a chart for a trend, a form for an action, a table for a comparison
- Tool calls return UI components, not just text, which the host renders inline
- Sandboxed rendering: MCP Apps serve bundled HTML via `ui://` resources in an isolated iframe
- Portable UI specs (Google A2UI, Open-JSON-UI) painted natively by the client, host-agnostic
- Bidirectional: rendered widgets post user actions back into the agent loop as tool results
- Content-and-intent routing decides layout, density, and modality per response
Den Agent-UX-Field-Guide erhalten
Alle 21 Agent-UX-Patterns in einem Leitfaden: was jedes ist, wann man es einsetzt und was in Produktion schiefgeht. Der Link kommt mit Ihrer Bestätigung, zusammen mit dem wöchentlichen Agent Architect.
Wöchentliche E-Mail, Abmeldung mit einem Klick. Ihre Adresse wird nur für das Briefing verwendet.
Quellen
Die Veröffentlichungen, Spezifikationen und Repositories, auf denen dieses Muster beruht.
Vom Ingenieur hinter diesem Katalog
Lassen Sie Ihre Agenten-Architektur prüfen
Diese Seite dokumentiert ein Pattern. Ihr System betreibt Dutzende, und die meisten Ausfälle entstehen im Zusammenspiel. Lassen Sie den gesamten Entwurf an den 288 Patterns dieses Katalogs messen: Architektur, Zuverlässigkeit, Evaluation und Kosten, jeder Befund verknüpft mit dem Pattern, das ihn behebt.
750 € statt 1.500 €, eine Woche, schriftlicher Bericht und Walkthrough-Call, bis 30. September