Repolode
投稿する
ag-ui-protocol

ag-ui-protocol/ag-ui

AIエージェントとユーザー向けフロントエンドアプリケーションの接続方法を標準化する、オープンなイベントベースのプロトコルです。

GitHub で見る公式サイト
スター
16,716
フォーク
1,728
未解決の Issue
495
最終コミット
5 時間前

これは何？

AG-UI（Agent-User Interaction Protocol）は、AIエージェントのバックエンドが実行中に発行する軽量なイベント形式を定義します。これにより、フロントエンドアプリケーションはエージェントの出力を一貫した方法で表示し、それに応答できます。エージェントが受け取るAG-UI互換の入力は少数に絞られており、プロトコルはトランスポートに依存しないため、SSE、WebSockets、webhooksなどのチャネルで動作します。

このプロジェクトでは、エージェントにツールを提供するMCP、エージェント同士の通信を可能にするA2Aと並ぶものとして、AG-UIをエージェントとユーザーインターフェースをつなぐプロトコルと位置づけています。リアルタイムのストリーミングチャット、双方向の状態同期、生成UI、フロントエンドのツール呼び出し、human-in-the-loopでの対話に対応しています。HTTPのリファレンス実装とデフォルトのコネクターも含まれています。

リポジトリには、LangChain、CrewAI、Google ADK、Pydantic AI、LlamaIndex、Mastraなど、さまざまなエージェントフレームワークとの連携に加え、複数の言語向けクライアントSDKとTypeScriptのコアパッケージが掲載されています。CLIのnpx create-ag-ui-appを使うと、新しいアプリケーションのひな形を生成できます。

主な機能

  • 01標準的なイベントタイプを使い、エージェントの出力をフロントエンドにリアルタイムでストリーミングする
  • 02エージェントとユーザーインターフェース間で状態を双方向に同期する
  • 03生成UIと構造化メッセージに対応する
  • 04エージェントからフロントエンドのツールを呼び出し、人間に入力を求められる
  • 05SSEやWebSocketsなど、あらゆるトランスポートで動作する

ユースケース

  • 既存のエージェントバックエンドに、ストリーミング応答に対応したチャットインターフェースを追加する
  • エージェントがWebやモバイルのUIに表示されるアプリケーションの状態を読み取り、更新できるようにする
  • ユーザーがエージェントのアクションを承認するhuman-in-the-loopの承認フローを構築する
  • LangChain、CrewAI、Pydantic AIで構築したエージェントを、共通のフロントエンドプロトコルに接続する

クイックスタート

  1. 1

    createスクリプトを使って、新しいAG-UIアプリケーションを作成します

    npx create-ag-ui-app my-agent-app

使う前に知っておきたいこと

  • プロトコルは現在も進化しており、一部のフレームワーク連携は開発中と表示されています。
  • 適切に利用するには通常、エージェントのバックエンドとの接続が必要なため、単体で使えるツールではありません。

トピック

#ai-agents#agent-protocol#streaming#frontend#generative-ui#typescript#human-in-the-loop#ag-ui-protocol#agent-frontend#agent-ui

よくある質問

ag-ui とは？
AIエージェントとユーザー向けフロントエンドアプリケーションの接続方法を標準化する、オープンなイベントベースのプロトコルです。 AG-UI（Agent-User Interaction Protocol）は、AIエージェントのバックエンドが実行中に発行する軽量なイベント形式を定義します。これにより、フロントエンドアプリケーションはエージェントの出力を一貫した方法で表示し、それに応答できます。エージェントが受け取るAG-UI互換の入力は少数に絞られており、プロトコルはトランスポートに依存しないため、SSE、WebSockets、webhooksなどのチャネルで動作します。
ag-ui は無料で使えますか？ライセンスは？
ag-ui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
ag-ui は今もメンテナンスされていますか？
活発にメンテナンス中。ag-ui の最終コミットは 2026年10月20日 です。
ag-ui は何に使えますか？
既存のエージェントバックエンドに、ストリーミング応答に対応したチャットインターフェースを追加する エージェントがWebやモバイルのUIに表示されるアプリケーションの状態を読み取り、更新できるようにする ユーザーがエージェントのアクションを承認するhuman-in-the-loopの承認フローを構築する LangChain、CrewAI、Pydantic AIで構築したエージェントを、共通のフロントエンドプロトコルに接続する
ag-ui のインストール方法は？
createスクリプトを使って、新しいAG-UIアプリケーションを作成します: npx create-ag-ui-app my-agent-app
ag-ui はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/ag-ui-protocol/ag-ui

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト