Vercel
Vercel Chat SDK、json-renderを活用した生成UIのストリーミング配信に対応
保存・既読はこの端末のブラウザにのみ記録されます。コピーには記事の公開情報のみが含まれます。保存データの管理 →
専門用語をかみ砕いて、仕事で使える言い方にしています。
結論
AIとのチャット画面で、専用の見た目をその場で動的に表示できるようになりました
AIからの返答にあわせて、ボタンやカードなどのUI部品がリアルタイムに組み立てられます
事前の画面デザインが不要になり、AIの判断に応じた柔軟な表示が可能になります
詳細内容
Vercelのとという技術が連携し、画面の構造データをスムーズに送受信できるようになりました
これにより、テキストだけのやり取りにとどまらず、ユーザーの要望に即した視覚的なパーツを即座に描画できます
開発者は複雑なUI出し分けのプログラムを大幅に削減でき、AIアプリの表現力を手軽に高められます
使えるシチュエーション
- 1ECサイトでチャットボットに相談しながら、おすすめ商品を画像やカード付きでその場に表示させる
- 2社内問い合わせツールで、AIの回答と一緒に専用の入力フォームや申請ボタンを動的に表示する
- 3データ分析ツールで、対話の流れに応じて最適なグラフや表をその場で生成して確認する
元記事で詳細を確認する →
まずカード内の要約で把握。詳しく見たいときだけ公式へ。
https://vercel.com/changelog/json-render-and-chat-sdk-agents