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

X-PostChris TateAnkündigung

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.

Das Wichtigste

  1. Erlaubt KI-Agenten das Erstellen nativer Karten mit Tabellen, Feldern, Diagrammen und Buttons.
  2. Unterstützt Live-Streaming der Benutzeroberfläche, während das Modell die Antwort generiert.
  3. Nutzt einen einheitlichen Komponenten-Katalog für alle Plattformen des Chat SDK.
  4. Funktioniert in Kombination mit Vercels AI SDK und Chat SDK.
  5. Zielt primär auf Slack und Microsoft Teams ab, um manuelle Layout-Spezifikationen zu vereinheitlichen.

Warum das relevant ist

Bisher erfordert die Erstellung interaktiver Bot-Nachrichten für Slack und Teams separate, plattformspezifische Formate wie Block Kit oder Adaptive Cards. Eine einheitliche Abstraktion mit Streaming-Support spart Entwicklungszeit bei Agenten-Integrationen.

Einordnung

Generative UI in Chat-Clients

Mit @json-render/chat erweitert Entwickler Chris Tate das Konzept von Generative UI auf Chat-Plattformen von Drittanbietern. Bislang konzentrierten sich generative Benutzeroberflächen vor allem auf eigene Webanwendungen (etwa via React-Komponenten). In Unternehmens-Messengern wie Slack oder Microsoft Teams mussten Entwickler stattdessen plattformspezifische JSON-Payloads wie Slacks Block Kit oder Microsofts Adaptive Cards mühsam separat zusammenstellen.

Funktionsweise und Integration

Das Tool bindet sich an Vercels Chat SDK sowie das AI SDK an:

  • Einheitlicher Katalog: Entwickler definieren UI-Komponenten einmalig in einem Katalog (z. B. via defineCatalog aus json-render/core).
  • Reaktives Streaming: Karten und Komponenten bauen sich live auf, während das LLM den Token-Stream ausgibt.
  • Interaktivität: Unterstützt werden strukturierte Elemente wie Datentabellen, Kennzahlenfelder, Diagramme und Aktions-Buttons (inklusive CSV-Export).

Offen bleibt in der kurzen Ankündigung, wie strikt plattformspezifische Interaktionsgrenzen gehandhabt werden, beispielsweise ob Nutzer Buttons bereits während des aktiven Streamings betätigen können oder wie stark das Rendering je nach Plattform divergiert.

Original-Post

Chris Tate

@ctatedev · 7. November 2026

Introducing @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚑𝚊𝚝 Generative UI for Slack, Teams and more → Agents reply with native cards → Tables, fields, charts and buttons → Streams in as the model writes → One catalog for every Chat SDK platform t.co/QfZG22QBN7

4233 Likes111 Antworten5056 Lesezeichen240.442 Aufrufe

Auf X ansehen
Ausgewählte Antworten (5)
  • @utpalnadiger @ctatedev really really cool checking it out rn! t.co/OQ76mCvZhv
  • @utpalnadiger @JackRNewhouse @ctatedev lfg. it's live for us. random sample data below. t.co/FmtQasGGgI
  • @rabi_guha @siscia_ @ctatedev @openuidev Fwiw i think competition is healthy here. Still very early days for Generative UI and this keeps us on our toes We've supported this for quite a while now via our community plugins but I guess time to make it official 🙂
  • @petrusenko_max @ctatedev with one catalog, does slack render block kit and teams adaptive cards, or does the shared shape win everywhere?
  • @balaSivagnanam @ctatedev Works with block kit? Major pain with that is to create the components dynamically in that doesn’t break the rendering with block kit.

Erwähnte Links

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

Ähnliche Einträge

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:Guillermo Rauch

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

    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.

    2563Lesezeichen162.998Aufrufe

    KI & AI· Ankündigung

  • Repository:CopilotKit/OpenTag

    OpenTag: Self-Hosted KI-Agent für Slack und Microsoft Teams

    OpenTag ist eine quelloffene Referenz- und Starter-Applikation von CopilotKit. Sie bringt autonome KI-Agenten auf Basis von LangGraph und AG-UI direkt als Triage- und Wissensassistenten in Slack und Microsoft Teams.

    1158SterneTypeScript

    KI & AI· Tool

  • 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

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

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.