AG-UI イベントストリームを利用したエージェントアプリケーションの構築を行います。
AG-UI はイベント駆動型のプロトコルを提供し、任意のエージェントがリッチで構造化された出力を任意のクライアントにストリーミングできるようにします。

AG-UI : Get Started – クイックスタート : アプリケーションの構築

作成 : Masashi Okumura (@classcat.com)
作成日時 : 04/14/2026
バージョン : v0.0.52

* 本記事は docs.ag-ui.com の以下のページを参考にしています :

* サンプルコードの動作確認はしておりますが、必要な場合には適宜、追加改変しています。

互換性のある AG-UI イベントストリームを利用したエージェントアプリケーションの構築を行います。

イントロダクション

AG-UI は簡潔でイベント駆動型のプロトコルを提供し、任意のエージェントがリッチで構造化された出力を任意のクライアントにストリーミングできるようにします。任意のエージェント型システムを任意のクライアントに接続するために使用できます。

クライアントは、AG-UI イベントを受信、表示、応答できるシステムとして定義されます。For more information on existing clients and integrations, see the integrations page.

AG-UIは、あらゆるクライアントとサーバを備えた新規アプリケーションを自動的に作成またはテンプレート自動生成するための CLI ツールを提供します。

npx create-ag-ui-app@latest

Once the setup is done, start the server with

npm run dev

For the copilotkit example you can head to http://localhost:3000/copilotkit to see the app in action.

以上