エージェントは推論を終え、ツールを呼び出し、データを取得した——そしてどうする？ フロントエンドに手動で解析させるためのJSONを吐き出す？
GoogleのA2UI（Agent-to-UI）はもっと直接的な答えを出している。エージェントがフロントエンドコンポーネントを直接出力し、ブラウザがその場でレンダリングする。
このリポジトリは現在GitHubで14.6k stars、Google公式チーム（jacobsimionatoやgspencergoogなどのGoogleエンジニア）によってメンテナンスされており、ReactとAngularの両方をサポートしている。
何が問題なのか
従来のエージェント出力フローはこうだ：
エージェント → JSON → フロントエンドがJSONを解析 → UIを手動で構築 → レンダリング
A2UIはこのパイプラインを短縮する：
エージェント → 構造化されたUI記述 → レンダラーが直接レンダリング
違いは何か？フロントエンドはエージェントのビジネスロジックを知る必要がない。 エージェントがどのコンポーネントを使うか、どのデータを埋めるか、どう配置するかを決定し、フロントエンドはレンダリング指示を実行するだけ。
これはCopilotKitやVercel AI SDKなどの「Generative UI」アプローチへの直接的な競合だ——ただしA2UIはオープンソースでフレームワーク中立な道を進んでいる。
アーキテクチャから読み取れること
リポジトリの構造から設計上の判断が読み取れる：
agent_sdks/: エージェントSDKディレクトリ。Googleが標準化されたAgent-to-UIプロトコルを推進していることを示唆renderers/: レンダラーディレクトリ。ReactとAngularの両方を独立モジュールとしてサポートeval/: 評価ディレクトリ。プロジェクトに厳格な品質評価があることを意味する- 708コミット、直近20時間以内に更新あり——これは実験的なサイドプロジェクトではない
注目すべき詳細：Reactレンダラーの最新コミットは[react] Exclude SVG elements from CSS reset——このレベルの粒度は、誰かが本番環境で使っていてバグを報告していることを物語っている。
Generative UIエコシステムでの位置づけ
Generative UIは2026年のエージェント展開における核心的なボトルネックの一つ。VercelのAI SDK、CopilotKitのAG-UI Protocol——これらは皆、エージェントが動的なUIを出力できるようにすることを目指している。
A2UIの差別化要因：
- フレームワーク中立: React専用ではなく、Angularサポートも本物
- Googleのバックアップ: スタートアップのプロジェクトではなく、フルタイムのGoogleエンジニアがいる
- プロトコルの野心:
agent_sdks/ディレクトリはクロスフレームワークのAgent-to-UI標準のHintsを示している
今使えるか
使える。ただし、本番環境のUIレンダリングパイプラインをすぐに置き換えないでください。
理由：
- まだアクティブな反復中（708コミット、2つのタグ）。APIはまだ安定していない可能性
- evalディレクトリは存在するが、公開ベンチマークレポートはない
- 現時点ではReactとAngularのみ——Vueユーザーは対象外
推奨アプローチ：エージェントプロジェクトにA2UIレンダラーを追加し、既存のJSON出力と並行してしばらく実行し、UIレンダリングの精度とレイテンシを比較する。
注目すべき点
- エージェントSDKの標準化——GoogleがAgent-to-UIをクロスフレームワークのオープンプロトコルにできれば、Generative UIの景色が変わる
- Vueサポートのタイミング——中国で大きなユーザーベース
- CopilotKitのAG-UI Protocolとの相互運用性——この2つが連携するか、別々の道を進むか
A2UIは別の「エージェントフレームワーク」ではない。エージェント展開のラストマイル——ユーザーが実際に何を見るか——を解決する。それが解決されない限り、どんなに賢いエージェントも単なるバックエンドAPIに過ぎない。
主要ソース：