AIエージェントキャッチアップ #61 - AG-UIを開催

ジェネラティブエージェンツの大嶋です。

「AIエージェントキャッチアップ #61 - AG-UI」という勉強会を開催しました。

generative-agents.connpass.com

www.youtube.com

今回は、AIエージェントをUIに接続する方法を標準化する「AG-UI」をキャッチアップしました。

AG-UIのGitHubリポジトリはこちらです。

公式ドキュメントはこちらです。

AG-UIは、AIエージェントがユーザー向けアプリケーション（UI）に接続する方法を標準化するオープンなプロトコルです。

MCPがエージェントとツールを接続し、A2Aがエージェント同士を接続するのに対して、AG-UIはエージェントとUIを接続します。

画像引用元：https://github.com/ag-ui-protocol/ag-ui/blob/main/README.md

AG-UIは、イベントベースのプロトコルであり、WebSocketやSSEなどのトランスポート層に依存しない設計になっているとのことです。

AG-UIのコンセプトは、AIエージェントの開発でよくある悩みを解決するものになっています。

AIエージェントの開発では、SDKやフレームワークごとに入出力の形式が異なり、UIと接続する部分のインターフェース設計が必要になるという課題があります。

たとえば、AIエージェントのプラットフォームを開発していて、Claude CodeもLangChain/LangGraphで自作したエージェントも動くようにしたいといった場合、これらのエージェントに共通するインターフェースを設計する必要が出てきます。

AG-UIはこのような課題を想定していると考えられます。

AG-UIによりエージェントの入出力のインターフェースを標準化すると、AIエージェント側はAG-UIに対応すればよく、UI側もAG-UIに対応すればよい、ということになります。

AG-UIのインテグレーション対応状況

AG-UIのインテグレーションとして、エージェント側は以下のフレームワークがサポートされています。

Microsoft Agent Framework

AWS Strands Agents

クライアント側では、以下がサポートされています。

AG-UIでは、エージェントの動作におけるイベントが定義されています。

エージェントはAG-UIに従ってイベントを発行し、UI側のクライアントはイベントを購読してレンダリングしたりする動作になります。

RunStarted・RunFinishedなどのライフサイクルイベント、TextMessageStart・TextMessageContent・TextMessageEndなどのテキストメッセージイベント、ToolCallStart・ToolCallArgs・ToolCallEndなどのツール呼び出しイベントなどがあります。

Human-in-the-LoopのためのInterruptについてもドラフトとして検討されています。

AG-UIは、CopilotKitのチームによって開発・発表されました。

webflow.copilotkit.ai

CopilotKitは現在、AG-UIを使用するようになっているようです。

現状では、AG-UIがクライアント側でサポートしているのは実質CopilotKitのみとなっています。

今後AG-UIに対応したクライアント側の実装が増えると、利便性が増していくかもしれません。 たとえば、AG-UI対応のSlackアプリ開発フレームワークなどが登場すると面白そうです。

以上、今回は「AG-UI」をキャッチアップしました。

次回は「AIエージェントキャッチアップ #62 - Mem0」ということで、AIアシスタント・AIエージェントのメモリーレイヤー「Mem0」がテーマです！

generative-agents.connpass.com

ご興味・お時間ある方はぜひご参加ください！

また、その次の回以降のテーマも募集しているので、気になるエージェントのOSSなどあれば教えてください！