パターンを読み込んでいます…
AG-UIプロトコル(エージェントとユーザーのインタラクション)(AGUI)
エージェントのバックエンドとあらゆるフロントエンドの間の「ラストマイル」を標準化する、オープンでイベントベースのプロトコル(2025年にCopilotKitが考案)。バックエンドは約16種類の構造化イベント(テキストおよびトークンのデルタ、ツール呼び出しの開始・引数・結果、状態のスナップショットとデルタ、実行のライフサイクル、キャンセル)をSSE、WebSocket、または通常のHTTPでストリーミングします。これにより、フロントエンドはエージェントの活動をリアルタイムに描画し、ユーザーの操作を同じ実行ループへとフィードバックできます。しかもフレームワークに依存しません。LangGraph、CrewAI、Mastra、Microsoft Agent Frameworkなどにはネイティブのエミッターが用意されています。これはプロトコルの三角形におけるエージェント対UIの辺であり、MCP(エージェント対ツール)およびA2A(エージェント対エージェント)と並びます。`chat-interface-patterns`とは区別されます。あちらはフロントエンドの描画に関する慣習であるのに対し、AG-UIは基盤となるイベントストリームを運ぶワイヤープロトコルです。
30秒でわかる概要
- 概要
- エージェントの活動(テキスト、ツール呼び出し、状態、ライフサイクル)を SSE、WebSocket、HTTP 経由で任意のフロントエンドへ配信する標準化されたイベントプロトコルで、双方向の制御とライブ描画を可能にします。
- 使いどころ
- 実行状況をリアルタイムに表示し、実行中の割り込み(一時停止、承認、編集、キャンセル)に対応し、複数のバックエンドフレームワークで動作する必要があるエージェント UX を構築する場合。
- 注意点
- フロントエンドとバックエンドの時刻がずれたり、ネットワークがパケットを落としたりすると、イベント順序と状態の整合性が崩れます。堅牢なリプレイと突き合わせのロジックが必要です。
このパターンについてAIエキスパートに質問
質問が入力済みの状態でアシスタントが開きます。送信前に内容を確認できます。
AG-UIプロトコル(エージェントとユーザーのインタラクション): 概要
エージェントのバックエンドとあらゆるフロントエンドの間の「ラストマイル」を標準化する、オープンでイベントベースのプロトコル(2025年にCopilotKitが考案)。バックエンドは約16種類の構造化イベント(テキストおよびトークンのデルタ、ツール呼び出しの開始・引数・結果、状態のスナップショットとデルタ、実行のライフサイクル、キャンセル)をSSE、WebSocket、または通常のHTTPでストリーミングします。これにより、フロントエンドはエージェントの活動をリアルタイムに描画し、ユーザーの操作を同じ実行ループへとフィードバックできます。しかもフレームワークに依存しません。LangGraph、CrewAI、Mastra、Microsoft Agent Frameworkなどにはネイティブのエミッターが用意されています。これはプロトコルの三角形におけるエージェント対UIの辺であり、MCP(エージェント対ツール)およびA2A(エージェント対エージェント)と並びます。`chat-interface-patterns`とは区別されます。あちらはフロントエンドの描画に関する慣習であるのに対し、AG-UIは基盤となるイベントストリームを運ぶワイヤープロトコルです。
- Roughly 16 structured event types: token deltas, tool-call lifecycle, state deltas, run lifecycle, cancel
- Transport-agnostic streaming over SSE, WebSocket, or plain HTTP
- Bidirectional loop: frontend renders activity and feeds user actions back to the agent
- Shared-state sync via a full snapshot plus incremental deltas
- Framework-agnostic emitters (LangGraph, CrewAI, Mastra, Microsoft Agent Framework)
- Mid-run interrupts: pause, approve, edit, retry, and cancel a running agent
エージェントUXフィールドガイドを受け取る
21のエージェントUXパターンを1冊に凝縮:それぞれが何か、いつ使うか、本番で何が問題になるか。確認メールと一緒にリンクが届き、週刊The Agent Architectも購読できます。
週1回のメール、ワンクリックで購読解除できます。アドレスはブリーフィングの送信のみに使用します。
参考文献
このパターンの根拠となる論文、仕様、リポジトリです。
このカタログを作ったエンジニアが担当
エージェント構成をレビューします
このページが扱うのは1つのパターンです。実際のシステムは数十を組み合わせて動き、障害の多くはその繋ぎ目で起きます。カタログの288パターンに照らして設計全体をレビューします。アーキテクチャ、信頼性、評価、コストまで、指摘ごとに対応するパターンを示します。
€750(通常€1,500)・1週間・文書レポートとウォークスルーコール・9月30日まで