A2UI + MCP Apps: Combining the best of declarative and custom agentic UIs
Google Developers Blogで、A2UIとMCP Appsを組み合わせる3つのアーキテクチャパターンが公開されました。
MCPサーバーからA2UI JSONを返す方法、A2UI内にMCP Appを埋め込む方法、MCP App内でA2UIを動かす方法が説明されています。
この更新は、エージェントがテキストだけでなくリッチなUIを返すための実装パターンを整理したものです。
A2UIはJSONでUIを宣言し、ホストアプリ側のネイティブコンポーネントで安全に描画する方式です。一方、MCP Appsはiframe内で標準Web技術を使えるため自由度が高い反面、見た目や性能、セキュリティ境界に課題があります。
Pattern 1では、MCPサーバーが `application/a2ui+json` のペイロードを返し、ホスト側がネイティブUIとして描画します。
Pattern 2では、A2UIコンポーネント内にMCP Appを安全なiframeとして包み込み、複雑な状態管理やカスタム体験を委譲します。
Pattern 3では、MCP App自体にA2UIレンダラーを含め、既存アプリや非A2UI環境に生成UIを後付けできます。
特定のGemini API変更ではなく、MCP/A2UIを使う開発者向けの実装ガイドとサンプルコード公開です。