Im letzten Jahrzehnt drehte sich Frontend-Engineering um State Management. Wir bauten massive, komplexe Komponentenbaeume, um jede moegliche Benutzerinteraktion zu behandeln. "Wenn Benutzer X klickt, zeige Modal Y."
Im Jahr 2026 wird dieses deterministische Modell obsolet. Willkommen bei Generative UI (GenUI): Oberflaechen, die nicht existieren, bis der Benutzer sie braucht.
Die "Just-in-Time"-Oberflaeche
Stellen Sie sich eine Banking-App vor. Traditionell hat sie ein Dashboard, eine Transaktionsseite, eine Einstellungsseite und 50 weitere statische Routen.
Mit GenUI, wenn ein CFO fragt "Zeige mir alle Transaktionen ueber 10.000 Dollar vom letzten Monat, die verdaechtig aussehen," leitet die App ihn nicht zu einer Filteransicht weiter.
"Streaming-Komponente <SuspiciousTransactionsTable /> mit Props..."
Das LLM (Gemini 3.0) entscheidet zur Laufzeit, welche React-Komponente am besten geeignet ist, die Antwort zu visualisieren. Es streamt die Komponentendefinition und die Daten gleichzeitig. Die UI ist ephemer; sie existiert fuer diese Konversation und loest sich dann auf.
Der Tech-Stack: RSC + AI SDK
Das ist keine Science-Fiction. Es ist die Architektur, die wir heute bei elitics.io mit Vercels AI SDK und React Server Components einsetzen.
Der Vertrag
Wir definieren eine Bibliothek von "dummen" Komponenten (Charts, Karten, Tabellen, Cards), die die KI als Werkzeuge aufrufen kann.
Der Stream
Das LLM gibt einen Stream aus, der sowohl Text-Token als auch Komponenten-Payloads enthaelt. Das Frontend rendert sie sofort mit `Suspense`.
Warum das alles veraendert
Null Reibung
Benutzer muessen Ihr Navigationsmenue nicht erlernen. Sie geben einfach ihre Absicht an.
Personalisierung im grossen Massstab
Zwei Benutzer, die dieselbe Frage stellen, koennten unterschiedliche UIs erhalten, basierend auf ihren Berechtigungen und Praeferenzen.
Die Zukunft ist fliessend. Statische Dashboards sind das Erbe einer Vor-KI-Welt. Sind Sie bereit, Software zu bauen, die sich anpasst?
Hat Ihnen diese Perspektive gefallen? Teilen Sie sie mit Ihrem Team.