Vercel bringt Streaming-generative-UI für Chat-SDK-Agenten
Laut Vercel können Chat-SDK-Agenten mit json-render jetzt generative UI streamen und Karten aus typisierten JSON-Spezifikationen erzeugen. Chat-SDK-Adapter wandeln diese Karten anschließend in native Plattformformate um, darunter Slack Block Kit und Microsoft Teams Adaptive Cards.
- Chat-SDK-Agenten können mit json-render generative UI streamen.
- Typisierte Kataloge unterstützen Tabellen, Diagramme, Schaltflächen und weitere Komponenten.
- Karten werden aktualisiert, sobald Elemente gestreamt werden. Standardmäßig werden Änderungen höchstens einmal alle 500 ms gesendet.
- toCard validiert Komponenteneigenschaften und meldet ungültige Spezifikationen.
- Adapter können Inhalte bei überschrittenen Plattformlimits begrenzen oder herabstufen.
Agenten erzeugen Karten aus einem typisierten Katalog
Die Integration nutzt einen Katalog von Komponenten, der die UI-Elemente definiert, die ein Agent verwenden kann. Laut Vercel umfasst der Katalog Tabellen, Diagramme, Schaltflächen und weitere Komponenten. So können Entwickler mehrere Nachrichtenformate unterstützen, ohne für jedes einzelne ein separates Tool zu entwickeln und zu warten.
Der Agent erstellt eine JSON-Spezifikation, und json-render wandelt diese in eine Chat-SDK-Karte um. Jeder Plattformadapter ist dafür zuständig, die Karte in ihrem nativen Format zu veröffentlichen. Vercel nennt Slack Block Kit und Teams Adaptive Cards als Beispiele für solche Formate.
Das Beispiel in Vercels Ankündigung definiert mit defineCatalog einen Katalog und verwendet die Standard-Komponentendefinitionen aus @json-render/chat. Ein Chat-SDK-Bot reagiert dann auf eine neue Erwähnung, indem er den Nachrichtentext an streamText übergibt und den daraus entstehenden Text-Stream an streamCard sendet.
Karten werden aktualisiert, während das Modell schreibt
Laut Vercel veröffentlicht streamCard eine Karte, sobald ihr Wurzelelement Inhalte enthält, und aktualisiert die Nachricht, wenn weitere Elemente eintreffen. Standardmäßig werden Änderungen höchstens einmal alle 500 ms gesendet, passend zum Streaming-Intervall des Chat SDK.
Wenn die Generierung abgeschlossen ist, enthält die Nachricht die abschließend validierte Karte. Nutzer können dadurch sehen, wie die Karte innerhalb des Threads entsteht, anstatt auf die vollständige Spezifikation warten zu müssen, bevor die Nachricht veröffentlicht wird.
Das Beispiel verwendet anthropic/claude-haiku-5.5 als Modell und streamt eine generierte Karte in einen Thread, sobald der Agent erwähnt wird. Vercel stellt dieses Muster als Möglichkeit vor, Chat-SDK-Konversationen um generierte Oberflächenelemente zu ergänzen.
Validierung verarbeitet ungültige Spezifikationen und Plattformlimits
json-render prüft die Eigenschaften jedes Elements anhand des Schemas seiner Komponente über toCard. Ist eine Spezifikation ungültig, wirft die Funktion den Fehler CardSpecError. Laut Vercel erhält jedes Problem einen eigenen verständlichen Hinweis, der an das Modell zurückgesendet werden kann, um eine korrigierte Spezifikation anzufordern.
Chat-Plattformen begrenzen außerdem, wie viele Inhalte eine einzelne Nachricht enthalten darf. Chat-SDK-Adapter können Inhalte, die diese Grenzen überschreiten, herabstufen. Vercel nennt als Beispiel, dass der Slack-Adapter eine zweite Tabelle in einen Codeblock umwandelt.
Entwickler, die Inhalte oberhalb der Plattformlimits ablehnen möchten, können stattdessen Limits an toCard übergeben. Vercel verweist für den Einstieg auf seine Dokumentation und stellt außerdem eine Playground-Umgebung zum Ausprobieren der Integration bereit.
