2026.11.07 SAT06:00 JSTVercel
Vercel Chat SDKが生成UI表示に対応
今日試せるChat SDKで利用可能
Vercelの対話開発ツールで、AIが作成した表やボタンをSlack等に直接表示できるようになりました。
- Chat SDKエージェントからUI要素をSlack等へリアルタイム出力できるようになった。
- AI生成JSONを変換し、表やボタンを各チャットツールのネイティブ形式で表示。
- 仕様違反の検証機能や、各サービスの表示上限チェック機能も提供される。
目線
SlackやTeams向けにAIエージェントを開発する際、プラットフォーム固有のUIコードを書く手間を減らし開発をスピードアップできる。
対象
SlackやTeams向けにチャットボット・AIエージェントを開発するエンジニア
使える場面
- AIエージェントの回答に動的な表やボタンなどのUIカードを含める
- ユーザーの対話画面にリアルタイムで構造化データをストリーミング表示する
試すなら
公式ドキュメントで@json-render/chatの組み込み手順を確認する
確認点
プラットフォームごとのカード上限を超えた場合の表示挙動（Slackでのコード化等）を考慮しておく必要がある
背景
チャットプラットフォームごとにカード表示形式（SlackのBlock KitやTeamsのAdaptive Cardsなど）が異なり、個別実装や保守の手間が生じていた。
何が変わったか
- json-renderと連携し、AIが生成したJSONスペックから各種チャット用カードを自動変換
- ルート要素の生成後にストリーミング投稿が始まり、デフォルト最速500ms間隔で画面更新
- toCard機能によりプロップ制限の違反を検証し、エラー内容をモデルに返して自己修復可能
使える場面・影響
プラットフォームごとの個別UIコードをメンテすることなく、インタラクティブな生成UIをチャットアプリへ組み込めるようになる。
試す前に確認
- 利用中のChat SDKおよび対応アダプターの最新バージョン適用
- 各チャットプラットフォームにおけるメッセージ表示上限
一次ソース
- Vercel Changelogvercel.com