Generative UI を支える3つのプロトコル - A2UI・AG-UI・MCP Apps の設計思想と使い分け
2025年後半から登場した Generative UI プロトコル（A2UI、AG-UI、MCP Apps）は、AI エージェントがユーザーインターフェースを動的に生成する技術を支える。一見競合関係に見えますが、各プロトコルは異なるレイヤーを担当し、互いに補完的な役割を果たしている。
A2UI は「何を描画するか」を定義するペイロード層、AG-UI は「どのように運ぶか」のトランスポート層、MCP Apps は既存の MCP に UI 描画機能を追加する拡張仕様である。
A2UI はネイティブファーストな設計思想を採用し、AI エージェントがコンポーネント構造を JSON で送信し、クライアント側でレンダリングを行う。セキュリティはコンポーネントカタログ方式により確保される。AG-UI は SSE や WebSocket を用いてエージェントと UI 間のリアルタイム通信を実現する。MCP Apps は iframe を活用し、安全な環境で UI を実行する。
これらのプロトコルは、AI エージェントによる UI 生成の可能性を広げ、よりインタラクティブでパーソナライズされたユーザーエクスペリエンスの実現に貢献している。
背景
Generative UI は、AI エージェントがユーザーの要求に基づいて動的に UI を生成する技術です。2025年後半から A2UI、AG-UI、MCP Apps など複数のプロトコルが登場し、この分野は急速に発展しています。これらのプロトコルはそれぞれ異なるレイヤーを担い、互いに補完的な関係にあります。
重要用語解説
Generative UI: AI エージェントがユーザーの要求に基づいて動的に UI を生成する技術。従来の固定的な UI に対して、よりインタラクティブでパーソナライズされたユーザーエクスペリエンスを実現します。
A2UI: Google が開発した Generative UI のペイロード定義層のプロトコル。AI エージェントがコンポーネント構造を JSON で送信し、クライアント側でレンダリングを行う。ネイティブファーストな設計思想を採用し、セキュリティはコンポーネントカタログ方式により確保される。
AG-UI: CopilotKit が開発した Generative UI のトランスポート層のプロトコル。AI エージェントとフロントエンド間のリアルタイム通信を SSE や WebSocket を用いて実現する。
MCP Apps: Anthropic + OpenAI が開発した MCP に UI 描画機能を追加する拡張仕様。iframe を活用し、安全な環境で UI を実行する。
今後の影響
Generative UI は、Web アプリケーションの開発方法を大きく変える可能性を秘めています。よりインタラクティブでパーソナライズされたユーザーエクスペリエンスを実現できるだけでなく、開発効率も向上させることが期待されます。今後、これらのプロトコルがさらに進化し、幅広い分野で活用されることが予想されます。