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

LinkChris TateAnkündigung

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.

Das Wichtigste

  1. json-render übersetzt generierte JSON-Spezifikationen in native Formate wie Block Kit (Slack) oder Adaptive Cards (Teams).
  2. streamCard aktualisiert die Benachrichtigung inkrementell beim Streaming, standardmäßig maximal alle 500 Millisekunden.
  3. Der Komponenten-Katalog umfasst Standard-Elemente wie Tabellen, Diagramme und Buttons ohne separate Tools.
  4. toCard validiert Spezifikationen gegen Schemas und liefert CardSpecError-Fehler, die zur Korrektur an das LLM zurückgegeben werden können.
  5. Plattformbeschränkungen fangen Überlastungen ab (z. B. Slack-Konvertierung von Zweittabellen in Codeblöcke) oder weisen diese über Limits ab.

Warum das relevant ist

Entwickler müssen nicht mehr für jeden Chat-Kanal eigene UI-Adapter oder Formatierungs-Tools pflegen, sondern können direkt aus LLM-Antworten interaktive, native Oberflächen rendern.

Einordnung

Vercel schließt mit der Kombination aus json-render und dem hauseigenen Chat SDK eine Lücke bei Chat-Agenten: Bisher erforderten interaktive oder reichhaltige Nachrichtenformate für jede Plattform individuelle Adapter oder separate Tool-Definitionen.

Funktionsweise und Streaming

Agenten definieren über @json-render/chat und @json-render/core einen standardisierten Komponentenkatalog. Dieser Katalog wird als Prompt an Sprachmodelle übergeben (im Beispiel anthropic/claude-haiku-5.5). Das Modell gibt eine JSON-Spezifikation aus. Die Methode streamCard nimmt diesen Stream entgegen und aktualisiert den Chat-Post, sobald das Wurzelelement verfügbar ist, standardmäßig alle 500 ms.

Validierung und Plattformgrenzen

  • Validierung: Das Schema prüft Properties streng über toCard. Schlägt die Validierung fehl, wirft das Framework einen lesbaren CardSpecError, der direkt als Feedback-Schleife an das LLM zur Nachbesserung übergeben werden kann.
  • Plattformlimits: Chat-Plattformen begrenzen die Größe und Komplexität einzelner Nachrichten. Adapter regeln dies über Graceful Degradation (wie die Umwandlung zusätzlicher Tabellen in Code-Blöcke in Slack) oder über konfigurierbare Limits zum vorzeitigen Abbruch.

Gefunden in

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.

  • 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

  • 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

Zurück zur Wissensbasis

Sprechen wir über Ihr Projekt.

Kontakt

Standorte

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

Ein Teil von diesem Inhalt wurde mit KI gemacht.