AG-UI
CopilotKit · コーディング
AG-UI は CopilotKit が公開したイベント駆動型プロトコルであり、エージェント向けプロトコルとして AI エージェントのフロントエンドをつなぐ。状態とユーザー操作をリアルタイムで双方向に流す。
AG-UI について
What Is AG-UI
AG-UI はプロトコルであり、インストールするアプリではない。正式名は Agent User Interaction Protocol（エージェントとユーザーの対話プロトコル）で、バックエンドのエージェントと利用者が触れる画面のあいだに共通言語を置く。両者はメッセージ、状態、ツール呼び出しをやり取りし、組み合わせごとに接続コードを書き直さずに済む。
解決する問題は説明しやすい。エージェントは長時間動き、自分で判断し、同じセッションのなかでテキスト、音声、ツール呼び出しを混ぜる。従来の REST や GraphQL のエンドポイントは、要求が入り整った応答が出る前提で作られている。Cursor や Devin のような対話型エージェントはすでに人と並んでリアルタイムに働く。この働き方が古い前提を崩す。
いちばん大きな制約は守備範囲にある。AG-UI はエージェントと画面の接続層だけを扱う。エージェントがツールへ届く仕組みや、エージェント同士の会話には触れない。だからスタックの他の部品と組み合わせて使う。
Getting Started
- ag-ui.com の公式ドキュメントに目を通し、LangChain、CrewAI、モデルへの直接接続など、対応するフレームワークを選ぶ。
- フロントエンドのランタイムでエージェントのエンドポイントを HttpAgent として登録する。これでクライアントは入力を送る先と、イベントを待ち受ける先を把握できる。
- ストリーミングチャット、共有状態、承認ステップなど、必要な UI の部品を足す。公式の参照実装を出発点にするとよい。
- AG-UI Dojo のデモを動かし、各機能が実際のアプリでどう働くかを見てから、同じイベントを自分のプロダクトに組み込む。
AIツール情報
AG-UIの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- フロントエンド開発者
- フルスタック・プラットフォームチーム
- 技術系プロダクトマネージャー
タスク
- エージェントの応答を Web アプリへ流す
- エージェントと画面の状態を同期する
- 人の承認を挟む
シーン
- 返信の下書きを作るサポートアシスタント
- IDE や Web ツールに組み込むコーディング相棒
- 多段階のリサーチやデータのエージェント
主な機能
リアルタイムのイベント配信（エージェントのストリーミング）
AG-UI はエージェントと画面のあいだに常時開いた経路を保つ。トークン、ツール呼び出し、状態の更新が起きたそばから届く。実行はキャンセルも再開もでき、1 回の要求が秒ではなく分かかるときに効く。接続は標準の HTTP と WebSocket を通るので、すでに動かしている Web の構成にそのまま乗る。
共有状態
プロトコルは型付きのストアを定義し、エージェントとアプリの双方が読み書きできる。変更は差分として戻り、衝突も処理される。画面はアプリ全体を再読み込みせずにエージェントの作業を映す。読み取り専用と読み書きの両モードがあり、どちらがどこまで制御を持つかを選べる。
生成 UI
エージェントはアプリが描画する部品を返せる。安定した型付きウィジェットから、フロントエンドが検証してから載せる小さな宣言的ツリーまで幅がある。文字を送るだけでなく、フォームやグラフのように利用者の目に触れるものをエージェントが形作れる。何を見せるかの最終判断はアプリが握る。
人の介在を組み込む制御（human in the loop）
実行を止めて、ステップの一時停止、承認、修正、やり直し、上位への引き継ぎができる。状態は停止をまたいで残るので、利用者が応答すればエージェントは止めた場所から続ける。実際の結果が伴う作業でエージェントを役立てるのは、この部品があってこそだ。
フレームワークに縛られない統合
AG-UI は CopilotKit と LangChain、CrewAI の協働から生まれ、これらのフレームワーク向けの統合と、モデルへの直接接続を備える。正しいイベント列を送るバックエンドなら、Python でも JavaScript でも別の言語でもつながる。MCP や A2A と並んで AG-UI は今のエージェント系プロトコルのひとつで、エージェント群の組み合わせ方を定める。UI のロジックは一度書けば、別のエージェントにも向けられる。
メリットとデメリット
メリット
- 標準の接続を 1 本通すので、フロントエンドは複数のエージェント後端と組み合わせごとの専用コードなしに会話できる。
- エージェントの実情に合わせてある。長時間の実行、ストリーミング、テキストとツールの混在出力を前提にしている。
- 共有状態、生成 UI、人の確認に明快な部品があり、単体でも使える。
- 公式ドキュメントと AG-UI Dojo の生きたデモで、イベントの仕組みがすぐ具体的になる。
- HTTP と WebSocket の上に乗るので、既存の Web 基盤に収まる。
デメリット
- エージェントと画面の層だけを扱う。ツールやエージェント同士の連携には依然 MCP か A2A が要る。
- 開発者向けが前提で、コードを書かない人のための道はない。
- 導入するなら最初の機能を出す前に、イベントの種類とメッセージの形を覚える必要がある。
- CopilotKit の道具立てに強く寄るので、外のチームは既成の部品が少ない。
よくある質問
AG-UI は AI エージェントを利用者向けアプリにつなぐ方法を標準化する。ストリーミング応答、共有状態、ツール呼び出し、承認ステップをバックエンドのエージェントとフロントエンドのあいだで運ぶ。開発者はフレームワークごとに専用の配線を組まずに済む。
関連コンテンツ
AG-UIに関連するツール、スキル、記事を探す。
AG-UIの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。