Drei Personen besprechen in einem österreichischen Büro eine KI-fähige Website-Oberfläche auf einem Laptop.
28. Juni 20267 Min. LesezeitAgentische UIs im Webdesign

KI-Agenten werden bedienbar: Was A2UI und MCP Apps fürs Webdesign ändern

KI-Agenten verlassen das reine Chatfenster und bekommen eigene, kontrollierte Oberflächen. A2UI und MCP Apps zeigen, warum Webdesign für österreichische KMU künftig Formulare, Karten, Rechte und Freigaben gemeinsam denken muss.

Inhaltsverzeichnis

Ein KI-Agent, der nur Text ausgibt, bleibt im Unternehmensalltag oft ein besserer Assistent. Wirklich spannend wird es, wenn er eine Aufgabe nicht nur erklärt, sondern in eine passende Oberfläche übersetzt: ein Formular für eine Anfrage, eine Karte mit nächsten Schritten, einen Angebotskonfigurator, eine Freigabeansicht oder ein internes Dashboard. Genau an dieser Schnittstelle zwischen KI, Website und Bedienbarkeit entsteht gerade ein neuer Webdesign-Baustein.

Am 17. Juni 2026 veröffentlichte das Google A2UI Team gemeinsam mit den MCP-Apps-Mitbegründern Ido Salomon und Liad Yosef einen Beitrag zu A2UI und MCP Apps. Der Kern: Agentische Workflows wachsen über reine Textantworten hinaus. Entwickler mussten bisher oft zwischen zwei Wegen wählen. MCP Apps geben viel Freiheit, weil sie mit Webtechnologien in einem iframe laufen können. A2UI setzt dagegen stärker auf deklarative, strukturierte Oberflächen: Der Agent beschreibt per JSON, was dargestellt werden soll, und die Host-Anwendung rendert es mit ihren eigenen Komponenten.

Für österreichische KMU klingt das zunächst nach Entwicklerdetail. In Wahrheit betrifft es eine sehr praktische Frage: Wie sehen Websites, Web-Apps und Kundenportale aus, wenn KI-Agenten nicht nur antworten, sondern Nutzer durch Arbeitsschritte führen?

Was neu ist: Agenten liefern nicht nur Text, sondern Interface-Absichten

Viele Unternehmen kennen KI heute als Chatfenster: Frage stellen, Antwort erhalten, Text kopieren, nächster Schritt manuell. Das ist nützlich, aber begrenzt. Sobald ein Prozess mehrere Felder, Optionen, Berechtigungen oder Freigaben braucht, wird reiner Chat unübersichtlich. Eine Preisberechnung, eine Reklamation, ein Terminwunsch oder eine interne Bestellfreigabe lässt sich zwar in Text besprechen. Verlässlich wird es aber erst, wenn die Eingaben strukturiert, geprüft und nachvollziehbar gespeichert werden.

A2UI adressiert genau diesen Übergang. Der Agent erzeugt nicht einfach HTML, CSS und JavaScript, sondern beschreibt eine Oberfläche in einer kontrollierten Struktur. Die Anwendung entscheidet dann, welche Komponenten gerendert werden dürfen: Formularfelder, Auswahlkarten, Tabellen, Bestätigungsdialoge oder Ergebnisansichten. Das Designsystem, die Barrierefreiheit, die Validierung und die Sicherheitsregeln bleiben beim Host.

MCP Apps ergänzen diesen Gedanken auf der Werkzeugseite. Das Model Context Protocol beschreibt, wie KI-Systeme mit Tools, Datenquellen und Ressourcen sprechen können. OpenAI dokumentiert im Apps SDK ebenfalls, wie ChatGPT durch Apps erweitert werden kann. Für Unternehmen entsteht daraus ein Muster: MCP kann Daten und Aktionen anbinden, A2UI kann daraus eine passende, kontrollierte Nutzeroberfläche machen.

Warum das für KMU-Websites relevant ist

Viele kleine und mittlere Unternehmen haben keine Lust auf noch ein isoliertes KI-Tool. Sie brauchen bessere Abläufe auf vorhandenen digitalen Kontaktpunkten: Website, Kundenportal, WordPress-Backend, Shop, Anfrageformular, Angebotsprozess, Supportbereich oder internes Dashboard. Genau dort entscheidet gutes Webdesign, ob KI praktisch nutzbar wird.

Ein Beispiel: Ein Handwerksbetrieb möchte Anfragen besser vorqualifizieren. Ein Chatbot kann nach Projektart, Ort, Zeitfenster und Fotos fragen. Aber sobald daraus ein belastbares Erstbriefing werden soll, braucht es strukturierte Felder, Pflichtprüfungen, Datenschutz-Hinweise, Datei-Uploads und eine klare Übergabe an das Team. Eine agentische Oberfläche könnte zuerst frei beraten, dann automatisch ein passendes Formular öffnen, die Daten prüfen und am Ende eine Zusammenfassung mit Freigabe anzeigen.

Oder ein B2B-Dienstleister möchte Bestandskunden durch wiederkehrende Serviceanfragen führen. Statt einer langen FAQ-Antwort könnte der Agent eine kleine Auswahlkarte zeigen: Wartung buchen, Störung melden, Angebot aktualisieren, Dokument hochladen. Die Oberfläche bleibt im Stil der Website, während der Agent im Hintergrund die richtige Logik auswählt.

Das ist keine Ablöse klassischer Websites. Es ist eine Erweiterung. Websites werden weniger statische Seiten und mehr Arbeitsoberflächen, die je nach Kontext passende Schritte anbieten.

Chancen: Weniger Medienbruch, bessere Daten, klarere Freigaben

Der größte Nutzen liegt nicht darin, dass eine KI hübschere Komponenten malt. Der Nutzen liegt in weniger Medienbruch. Wenn ein Kunde heute eine Anfrage im Chat beschreibt, muss jemand die relevanten Daten oft wieder in ein CRM, ein Ticketsystem oder eine Tabelle übertragen. Wenn ein Agent dagegen ein strukturiertes Formular erzeugt, können Felder validiert und direkt weiterverarbeitet werden.

Für KMU entstehen dadurch vier konkrete Chancen.

Erstens werden komplexe Formulare freundlicher. Nutzer müssen nicht von Beginn an alle Felder sehen. Ein Agent kann erklären, warum bestimmte Informationen gebraucht werden, und die Oberfläche schrittweise aufbauen.

Zweitens werden interne Prozesse leichter prüfbar. Eine KI kann Vorschläge machen, aber kritische Aktionen brauchen Bestätigung: Angebot senden, Bestellung auslösen, Kundendaten ändern, Veröffentlichung freigeben. Agentische UIs können genau diese Kontrollpunkte sichtbar machen.

Drittens verbessert sich die Datenqualität. Wenn Eingaben nicht nur in freiem Text landen, sondern in geprüften Feldern, lassen sie sich sauberer messen und automatisieren. Das hilft später auch im Online-Marketing, weil Anfragen, Conversion-Quellen und Lead-Qualität besser ausgewertet werden können.

Viertens lassen sich KI-Funktionen näher an echte Unternehmensabläufe bringen. Für weitergehende KI-Automatisierung reicht ein Demo-Chat selten aus. Es braucht Rollen, Rechte, Datenquellen, Tool-Zugriffe, Protokolle und nachvollziehbare Übergaben.

Grenzen: Sicherheit und UX werden nicht automatisch gelöst

A2UI und MCP Apps lösen ein wichtiges Problem, aber sie nehmen Unternehmen keine Verantwortung ab. Im Gegenteil: Je näher ein Agent an echte Prozesse rückt, desto wichtiger werden klare Regeln.

Ein Risiko liegt in den Tool-Berechtigungen. Wenn ein Agent Daten lesen, Tickets anlegen oder Bestellungen vorbereiten darf, muss definiert sein, wer welche Aktion auslösen kann. Nicht jeder Website-Besucher darf dieselben Werkzeuge sehen wie ein eingeloggter Stammkunde oder ein internes Teammitglied.

Ein zweites Risiko ist die Trennung zwischen Vorschlag und Entscheidung. Gerade bei Preisen, Vertragsdaten, Gesundheits-, Finanz- oder Personaldaten darf eine KI-Oberfläche nicht so wirken, als wäre alles automatisch genehmigt. Gute Oberflächen zeigen deshalb, was vorgeschlagen wurde, welche Daten verwendet wurden und wo ein Mensch bestätigt.

Ein drittes Thema ist Performance. Iframes, eingebettete Apps und dynamische Komponenten können langsam oder inkonsistent wirken, wenn sie schlecht umgesetzt sind. Der Google-Beitrag argumentiert gerade deshalb für eine Kombination, bei der MCP die Tool- und Datenebene bedient, während A2UI native Komponenten der Host-Anwendung nutzt. Für Websites bedeutet das: Designsystem, Ladezeit, Barrierefreiheit und mobile Bedienung bleiben Kernaufgaben des Webdesigns.

Auch regulatorisch ist Vorsicht sinnvoll. Der EU AI Act gilt seit 2024 in einem stufenweisen Zeitplan; für viele Unternehmen ist weniger die juristische Maximalfrage entscheidend, sondern die praktische Vorbereitung: dokumentierte Use Cases, verständliche Nutzerführung, Logging, Zuständigkeiten und Schulung. Für KMU ist das kein Grund zur Panik, aber ein guter Grund, KI-Oberflächen nicht als Bastelprojekt nebenbei zu bauen.

Was Ostheimer daraus praktisch machen kann

Für Ostheimer ist A2UI kein Grund, morgen jede Website neu zu bauen. Es ist ein Anlass, Webdesign-Projekte anders zu denken. Eine moderne Website sollte nicht nur gut aussehen und in Google auffindbar sein. Sie sollte auch vorbereitet sein, wenn KI-Agenten künftig Prozesse auf ihr anstoßen oder begleiten.

Praktisch beginnt das mit einer Prozesslandkarte. Welche wiederkehrenden Aufgaben kosten Zeit? Wo verlieren Anfragen Informationen? Wo müssen Kunden dieselben Daten mehrfach eingeben? Wo braucht es eine klare Freigabe? Daraus entstehen nicht sofort große Plattformen, sondern kleine, testbare Oberflächen.

Ein sinnvoller Pilot könnte so aussehen: Ein bestehendes Anfrageformular wird in einen agentisch unterstützten Ablauf verwandelt. Der Agent hilft beim Ausfüllen, erklärt Begriffe, fragt fehlende Informationen nach und erzeugt am Ende eine strukturierte Zusammenfassung. Die Website rendert die Eingabeschritte selbst, nicht irgendein beliebiges Modell-HTML. Serverseitige Validierung, Spam-Schutz, Datenschutztext, Analytics und CRM-Übergabe bleiben sauber integriert.

Bei WordPress-Projekten kann dieser Gedanke ebenfalls relevant werden. Viele KMU arbeiten mit WordPress, weil Inhalte, Formulare und Erweiterungen flexibel bleiben sollen. Agentische Oberflächen können hier helfen, Redaktionsprozesse, Produktdatenpflege oder Supportanfragen besser zu strukturieren. Das ersetzt keine solide WordPress-Umsetzung, sondern erhöht die Anforderungen an saubere Rollen, stabile Plugins und klare Datenmodelle.

Im Content-Marketing wird der Effekt ebenfalls spürbar. Wenn ein Agent Inhalte nicht nur vorschlägt, sondern Briefings, Freigaben und Veröffentlichungsdetails strukturiert abfragt, wird Content-Produktion weniger chaotisch. Entscheidend bleibt aber, dass Strategie, Tonalität, Quellen und Freigaben nicht im Modell verschwinden.

Ein realistischer Einstieg für österreichische KMU

Der beste Einstieg ist nicht die Suche nach dem spektakulärsten KI-Agenten. Besser ist ein Prozess, der häufig vorkommt, aber begrenzt riskant ist. Beispiele sind Erstberatung, Terminvorbereitung, Angebotsbriefing, Support-Triage, Produktberatung oder interne Content-Freigabe.

Dafür sollten fünf Fragen beantwortet werden.

  1. Welche Eingaben müssen strukturiert erfasst werden?
  2. Welche Datenquellen darf der Agent lesen?
  3. Welche Aktionen darf er nur vorschlagen und welche darf er ausführen?
  4. Wie sieht die Oberfläche auf Desktop und Mobilgerät aus?
  5. Welche Kennzahlen zeigen, ob der Ablauf wirklich besser wird?

Erst wenn diese Fragen klar sind, lohnt sich die technische Auswahl. A2UI, MCP Apps und Apps SDKs sind Werkzeuge. Der wirtschaftliche Wert entsteht erst, wenn sie einen realen Ablauf schneller, verständlicher oder messbarer machen.

Fazit

A2UI und MCP Apps zeigen, wohin sich Unternehmens-KI bewegt: weg vom isolierten Chatfenster, hin zu kontrollierten Arbeitsoberflächen. Für österreichische KMU ist das besonders relevant, weil viele Digitalprojekte nicht an fehlenden Ideen scheitern, sondern an Medienbrüchen, unklaren Freigaben und schlechter Datenqualität.

Gutes Webdesign wird dadurch nicht weniger wichtig, sondern wichtiger. Wenn KI-Agenten künftig Formulare, Karten und Entscheidungsschritte erzeugen, müssen Websites diese Oberflächen sicher, schnell, barrierearm und markenkonform darstellen. Genau dort liegt der Unterschied zwischen einer netten KI-Demo und einem Prozess, der im Unternehmen wirklich funktioniert.

Quellen

Teilen:

Artikel hilfreich?

Wenn du ähnliche Themen für dein Business strukturieren willst, unterstütze ich dich gerne bei Content-Strategie, SEO und KI-Workflow.

Vorheriger Artikel

Wenn KI im Slack-Kanal mitarbeitet: Was Claude Tag für KMU verändert

Nächster Artikel

GPT-Realtime-2 macht Voice Agents praktisch: Was KMU vor dem ersten Anruf klären müssen

Verwandte Artikel