CopilotKit：エージェントネイティブアプリのためのフロントエンドスタック

React ライブラリからマルチプラットフォームのエージェンティックフレームワークへ

README の冒頭では、CopilotKit をフルスタックのエージェンティックアプリケーション、生成 UI、チャットアプリケーションを構築するための最高級の SDK と説明しています。もともとは React ライブラリでしたが、現在はマルチプラットフォームのエージェンティックフレームワークに進化しています。同じエージェントが Web アプリ、モバイルアプリ、Slack ワークスペースを動かすことができます。また、CopilotKit は AG-UI プロトコルの作成者であり、README によると、Google、LangChain、AWS、Microsoft、Mastra、PydanticAI などが採用しています。リポジトリのメタデータでは言語は TypeScript とされています。

CopilotKit の導入判断では、チャット画面を置けるかよりも、UI とエージェント実行の状態をどの境界で共有するかを見る必要がある。useAgent のようなフックを使う構成では、React 側の表示更新とサーバー側の処理失敗を別々に扱う設計が要る。README が挙げる AG-UI や生成 UI は接続の選択肢を示すが、既存アプリの認証、ストリーミング、エラー表示まで自動で決めるものではない。

クイックスタートとエージェントスキル

README にはクイックスタートコマンド `npx copilotkit@latest create` が記載されており、OpenAI、Anthropic、Gemini などのプロバイダの LLM キーがあれば 5 分以内に開始できるとしています。また、エージェントスキルも紹介されています。これは、Claude Code、Codex、Cursor、Gemini などのコーディングエージェントに CopilotKit のセットアップ、構築、統合、デバッグ、アップグレード方法を教えるためのものです。`npx copilotkit@latest skills install` でインストールし、再度実行すると最新のスキルに更新されます。README にはスキルの正確な内容やシステム要件は記載されていません。

中核となる機能

README の機能リストには、メッセージストリーミング、ツール呼び出し、エージェント応答をサポートするカスタマイズ可能なチャット UI、エージェントがバックエンドツールを呼び出し、その結果として UI コンポーネントをクライアントでレンダリングできるバックエンドツールレンダリング、ユーザーの意図とエージェントの状態に基づいて UI コンポーネントを実行時に動的に生成・更新できる生成 UI、エージェントと UI の間でリアルタイムに同期する共有状態、入力を求めるために実行を一時停止する人間参加、そしてユーザーフィードバックから文脈内強化学習（CLHF）を通じて継続的に改善する自己学習エージェント（早期アクセス）が含まれています。自己学習機能は CopilotKit Intelligence Platform の一部であり、CopilotKit Cloud またはセルフホストで利用できますが、早期アクセスのみです。

サポートされているプラットフォーム

README にはサポートされているプラットフォームの表があります。React と Next.js は一般提供とされています。Angular、Vue、React Native はサポート対象として挙げられていますが、Vue のクイックスタートはまだ準備中です。Slack、Microsoft Teams、Discord、Google Chat はベータ版で、早期アクセスが必要です。README では、プラットフォーム間でエージェントのロジックは同じままであると述べています。AG-UI がワイヤープロトコルを処理し、CopilotKit が各フレームワークの UI 層を提供します。

useAgent フック

`useAgent` フックは AG-UI の上に直接構築され、エージェント接続をプログラムで制御します。README の TypeScript の例では、`useAgent({ agentId: "my_agent" })` が `state` と `setState` を持つ `agent` オブジェクトを返します。この例では、コンポーネントは `agent.state.city` を表示し、"NYC" に更新するボタンがあります。README はこのスニペット以外のパラメータや戻り値の型については説明していません。

生成 UI のパターン

CopilotKit は生成 UI を 3 つのタイプに区別しています。静的 UI は AG-UI プロトコルを使用します。宣言的 UI は A2UI を使用します。オープンエンド UI は MCP Apps と Open JSON を使用します。それぞれドキュメントサイトへのリンクがあります。README は例を含む教育用リポジトリも参照しています。これらのパターンの正確な違いは README 自体には説明されていません。

AG-UI、コミュニティ、ライセンス

AG-UI プロトコルは、エージェントワークフローをユーザー向けアプリに接続する方法として提示されており、LangChain、CrewAI、Mastra、PydanticAI などとのパートナーシップがあります。AG-UI アプリを作成するためのコマンド `npx create-ag-ui-app my-agent-app` が示されています。README には Discord サーバー、ドキュメント、LinkedIn ページへのリンクがあります。また、コントリビューションガイドと MIT ライセンスへの言及があります。ライセンス文は、ソフトウェアのコピーを使用、複製、変更、結合、公開、配布、サブライセンス、販売する権利を付与しますが、ソフトウェアは「現状のまま」提供され、保証はなく、サポートやセキュリティ保証については何も述べられていません。

編集部の結論

CopilotKit は、エージェントネイティブアプリケーションのためのフロントエンドスタックとして位置づけられており、クイックスタート、エージェントスキル、複数フレームワークのサポートを提供します。MIT ライセンスは幅広い使用権を付与しますが、保証はなく、README にはパフォーマンスやセキュリティの保証は記載されていません。

公式情報源

1. Official documentation
2. Official README
3. Project repository
4. Release notes