Generative UI in Slack und Teams via AI SDK, Chat SDK und json-render

X-PostGuillermo RauchAnkündigung

Vercel ermöglicht mit json-render gestreamte generative Benutzeroberflächen für Chat-SDK-Agenten. Sprachmodelle erzeugen typisierte JSON-Spezifikationen, die automatisch in native UI-Elemente wie Slack Block Kit oder Microsoft Teams Adaptive Cards gerendert werden. Guillermo Rauch bezeichnet diesen Ansatz als künftiges dominantes Paradigma für die Interaktion zwischen Mensch und Agenten.

Das Wichtigste

  1. json-render transformiert vom LLM ausgegebene JSON-Strukturen direkt in Chat-Karten für Messaging-Plattformen.
  2. Unterstützt werden native Formate wie Slack Block Kit und Microsoft Teams Adaptive Cards über standardisierte Adapter.
  3. Ein typisierter Komponenten-Katalog definiert vorgefertigte Elemente wie Tabellen, Diagramme und Buttons ohne separate Tools.
  4. Die Funktion streamCard aktualisiert Nachrichten während der Modellausgabe standardmässig höchstens alle 500 Millisekunden.
  5. Ungültige Spezifikationen lösen CardSpecErrors aus, deren Fehlermeldungen zur Selbstkorrektur an das Modell gesendet werden können.

Warum das relevant ist

Unternehmen können KI-Agenten direkt in bestehende Kommunikationskanäle wie Slack oder Teams integrieren, ohne für jede Benutzeroberfläche eigene Frontends oder Messaging-Payloads manuell pflegen zu müssen.

Einordnung

Vercel verknüpft das AI SDK, das Chat SDK und die Bibliothek json-render, um interaktive Benutzeroberflächen direkt aus Modell-Prompts in Chat-Umgebungen zu erzeugen. Anstatt reinen Markdown-Text auszugeben, verfasst das LLM eine typisierte JSON-Spezifikation basierend auf einem übergebenen Katalog. Dieser umfasst Standardelemente wie Tabellen, Buttons oder Charts.

Funktionsweise und Streaming

Die Methode streamCard initialisiert eine native Nachricht, sobald das Wurzelelement Inhalte liefert. Nachfolgende Streaming-Updates werden auf ein Intervall von maximal 500 ms gedrosselt, um Schnittstellenlimits einzuhalten. Nach Abschluss des Streams liegt eine validierte native Karte vor.

Validierung und Plattformgrenzen

Ein wesentlicher Aspekt ist die Validierung über die Methode toCard. Entspricht eine vom Modell erzeugte Eigenschaft nicht dem Schema, wird ein lesbarer CardSpecError erzeugt. Dieser Fehlerbericht lässt sich direkt zurück in den Prompt leiten, damit das Modell den Fehler selbstständig korrigiert. Zudem berücksichtigen die Plattform-Adapter die technischen Begrenzungen der Zielsysteme: Übersteigt ein Inhalt beispielsweise das Slack-Limit für Tabellen, wird eine zweite Tabelle automatisch als Code-Block dargestellt oder kann per Konfiguration verworfen werden.

Original-Post

Guillermo Rauch

@rauchg · 7. November 2026

Generative UI for conversational agents. Combining @aisdk with Chat SDK and 𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛, you can go straight from LLM to UI on platforms like Slack and Teams. I believe this will become the dominant Human-Agent Interaction (HAI) paradigm: t.co/MHxtLyoy7t t.co/tRgxRi5Hey

2436 Likes219 Antworten2563 Lesezeichen162.998 Aufrufe

Auf X ansehen
Ausgewählte Antworten (5)
  • @KenjiGinjo @rauchg @aisdk LLM → JSON → UI on Slack. this path will stick.
  • @davidtakeaction @seflless @marcelmarais @rauchg @aisdk yes like we used to do in telnet with MUDs, screen is refreshed each time but its a grid, so some things stay some things go
  • @rickwong888 @rauchg @aisdk @grok what’s the license for these libraries os/mit?
  • @UtkarshDeoli @rauchg @aisdk I've shipped this for chat. Tool calls rendering as forms works for read only flows, but when the model picks a field you need strict schema validation or users submit garbage. UI generation is the easy half.
  • @kris_tinkers @rauchg @aisdk Generative UI in Slack and Teams makes sense. The interesting question is whether permissions follow the UI. An agent rendering an approval button is easy. Making sure the right person is allowed to press it is the actual product.

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 8. November 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Chris Tate

    Generative UI in Chat-SDK-Agenten mit json-render streamen

    Vercel integriert json-render in das Chat SDK, um generative UI-Elemente direkt in Chat-Plattformen zu streamen. Ein typisierter Komponenten-Katalog erzeugt plattformnative Nachrichten wie Slack Block Kit oder Teams Adaptive Cards. Das erleichtert die Ausgabe strukturierter Antworten für AI-Bots.

    KI & AI· Ankündigung

  • X-Post:Chris Tate

    json-render/chat: Generative UI für Slack und Microsoft Teams

    Chris Tate hat json-render/chat vorgestellt, ein Werkzeug für generative Benutzeroberflächen in Messenger-Diensten wie Slack und Teams. KI-Agenten erzeugen damit native Karten mit interaktiven Elementen, Tabellen und Diagrammen. Die UI-Komponenten streamen live während der Modellausgabe über ein einheitliches Schema für das Chat SDK.

    5056Lesezeichen240.442Aufrufe

    KI & AI· Ankündigung

  • Repository:vercel/ai

    Vercel AI SDK: Provider-agnostisches TypeScript-Toolkit für KI-Anwendungen und Agenten

    Das AI SDK von Vercel ist eine quelloffene TypeScript-Bibliothek zur Entwicklung von KI-Anwendungen und autonomen Agenten. Es bietet eine einheitliche Schnittstelle für Modelle verschiedener Anbieter wie OpenAI, Anthropic und Google und lässt sich nahtlos in Frameworks wie Next.js, React, Svelte, Vue und Angular einbinden.

    26.588SterneTypeScript

    KI & AI· Tool

  • Link:vercel.com

    Vercels AI Cloud: Infrastruktur und AI SDK für KI-Webanwendungen

    Vercel stellt seine spezialisierte Plattform-Infrastruktur für KI-Workloads vor. Das Angebot bündelt Komponenten wie ein AI Gateway zur Modellverwaltung, Fluid Compute, isolierte Sandboxes sowie das quelloffene AI SDK für JavaScript und TypeScript.

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.