CopilotKit - オープンソースのAIエージェントフレームワークであり、フルスタックのエージェントUIインフラストラクチャを提供します。 - AiBoss

CopilotKitとは何ですか？

CopilotKitはオープンソースです。AIネイティブアプリケーションフロントエンドオペレーティングシステム。このツールは、制御型、宣言型A2UI、オープン型の3つの生成UIモードをサポートしており、AIエージェントがチャットボックスを超えて、アプリケーション内でリアルタイムにインタラクティブなインターフェースを直接生成できます。チームはAG-UIプロトコルをリリースし、双方向の状態同期、ヒューマン・イン・ザ・ループ、永続スレッドなどの機能を実現し、単一の統合で複数のプラットフォーム間でのシームレスな統合を可能にしました。

CopilotKitの主な機能

3つの生成型UIモード
- 制御モード開発者はReactコンポーネントを事前に定義し、エージェントはコンポーネントの選択とデータの入力のみを担当し、ブランドスタイルの完全な一貫性を確保します。
- 宣言型パターン（A2UI）エージェントはJSONスキーマを出力し、フロントエンドによって自動的にコンポーネントにマッピングされます。これは、手動でコードを記述することなく、ロングテールで低頻度の機能をカバーするのに適しています。
- 自由形式このエージェントはHTMLを直接生成したり、Excalidrawなどのツールを駆動したりするため、単発の探索的な視覚化シナリオに適しています。
双方向状態同期エージェントは状態を直接変更できるため、フロントエンドとエージェント間のリアルタイム双方向バインディングが可能になります。
Human-in-the-Loopエージェントは、重要な実行ポイントで一時停止し、操作を続行する前にユーザーの承認を求める確認ダイアログボックスを表示することができます。
永続スレッドすべての会話、状態、および生成されたUI要素は自動的に保存されるため、ユーザーは次回アプリケーションを開いたときに、前回中断したところからシームレスに再開できます。
AG-UIプロトコルのフルスタック統合業界標準プロトコルとして、エージェントロジックを一度記述すれば、Web、モバイル、Slackなどの複数のプラットフォームで同時に実行できます。

CopilotKitの技術的原則

AG-UIプロトコルレイヤーこのプロトコルは、AIエージェントとユーザーインターフェース間のリアルタイム通信標準を定義します。標準化されたメッセージ形式とイベントフローを通じて、このツールはエージェントが構造化されたUIコマンドを直接生成することを可能にし、対話型からユーザーインターフェース型へのパラダイムシフトを実現します。
3つの生成型UIレンダリングメカニズム制御モードでは、事前に登録された React コンポーネントマッピングテーブルを使用し、ツールから呼び出されたときに LLM がコンポーネント ID とデータペイロードのみを返すようにし、フロントエンドは固定のレンダリングパイプラインに従って実行されます。A2UI 宣言モードでは、エージェントによって JSON スキーマに準拠した UI 記述が出力され、フロントエンドは実行時に動的なコンポーネントリゾルバーを介してスキーマをインタラクティブな要素にマッピングします。オープンモードでは、エージェントによって生成された HTML 文字列またはサンドボックス化された iframe を直接レンダリングできます。
双方向状態同期アーキテクチャフロントエンドから useAgent フックがCopilotKitランタイムとのWebSocketまたはSSEロング接続を確立すると、アプリケーションの状態が共有状態ツリーの形式でエージェントに公開されます。エージェントはプロトコル層を介して状態のスナップショットを読み取り、ツール呼び出しを実行して、状態の変更を書き戻します。フロントエンドは状態の差分を購読し、自動的に再レンダリングすることで、閉じたループが形成されます。
ヒューマン・イン・ザ・ループによる中断メカニズムランタイムは実行チェーンに割り込みノードを挿入します。エージェントが手動確認が必要なツールを呼び出すと、実行フローは一時停止し、フロントエンドに割り込みイベントを送信して承認UIを表示します。ユーザーによる確認後、フロントエンドは承認結果（承認／拒否）をランタイムに送り返し、実行フローが再開され、エージェントは後続のステップに進みます。
永続スレッドとセッション管理すべての会話メッセージ、中間状態、生成されたUIノード、およびユーザー承認記録は、スレッドIDによってストレージ層に永続化されます。ユーザーが再接続すると、ランタイムはスレッドIDに基づいて完全なコンテキストをロードし、エージェントはブレークポイントの状態から実行を再開することで、セッション間の継続性を実現します。

CopilotKitの使い方

新しいプロジェクトがすぐに開始されました：埋め込む npx copilotkit@latest create -f <framework> CopilotKitを使えば、ワンクリックでテンプレートプロジェクトを作成できます。
既存プロジェクトの統合：埋め込む npx copilotkit@latest init コアパッケージを自動的にインストールし、プロバイダを設定し、エージェントとUIを接続します。
アクセスエージェントの状態：使用 useAgent フックはエージェントの状態を読み取り、変更します。 agent.state.city そして agent.setState()。
副操縦士のアクションを定義する既存のAPI呼び出しやビジネス機能をLLM呼び出し可能なアクションとして登録することで、ツール呼び出しのクローズドループを実現します。
展開と起動設定が完了すれば、直接デプロイすることができ、セルフホスティングまたはCopilotKit Cloud Enterprise Editionをサポートします。

CopilotKitの主な利点

プロトコルレベルの標準同チームは、Google、Microsoft、Amazon、LangChain、Mastraといった巨大企業に採用され、強力なエコシステム互換性を持つAG-UIプロトコルの開発元である。
3つのUIモードで全てのシナリオに対応厳格な管理体制から完全な開放体制まで、ブランドの一貫性と柔軟性という、さまざまな企業のニーズを両立させています。
フロントエンドの状態の深い統合通常のチャットコンポーネントとは異なり、CopilotKitはアプリケーションの内部状態と双方向で同期できます。
生産グレードのヒューマン・イン・ザ・ループ組み込みの承認ワークフローメカニズムにより、エージェントは重要な操作を行う前に人間の確認を積極的に要求できるため、リスクを軽減できます。
クロスプラットフォーム統合AG-UIプロトコルに基づき、同じエージェントロジックをWeb、モバイル、Slackチャネルで同時に実行できます。

CopilotKitプロジェクトのアドレス

GitHubリポジトリ：https://github.com/CopilotKit/CopilotKit

CopilotKitと類似の競合製品との比較

比較対象寸法	CopilotKit	Assistant-ui
コアポジショニング	フルスタックのエージェントUIインフラストラクチャ（フロントエンドコンポーネント＋ランタイム＋プロトコル）	AIチャットインターフェースに特化した、オープンソースのReactコンポーネントライブラリ。
UI生成方法	エージェントはインターフェースを積極的に生成します。制御コンポーネント、A2UI JSONマッピング、オープンHTMLの3つのモードをサポートします。	静的な事前構築済みコンポーネント：スレッド、メッセージ、コンポーザー、サジェストなど。エージェントは新しいUIを生成しません。
国家管理	双方向のディープ同期：エージェントはアプリケーションの内部状態を読み書きでき、フロントエンドは自動的に応答します。	一方通行のメッセージフロー：主に会話メッセージのリストを管理します。アプリケーションの状態は手動で調整する必要があります。
Human-in-the-Loop	実行フローのネイティブな中断：エージェントの一時停止 → 承認UIのレンダリング → ユーザーの確認 → 自動再開	メッセージレベルの傍受：カスタムメッセージコンテンツの挿入は可能ですが、フロー制御メカニズムがありません。
バックエンドの結合	独自のランタイムが付属しており、LangGraph、Mastra、CrewAIなどと深く統合されています。	純粋なフロントエンドであり、OpenAI、LangChain、Convexなどのバックエンドシステムとの独立した統合が必要です。
持続性	スレッド永続化機能（メモリ/Redis/データベース）を内蔵し、ブレークポイントからの再開機能も備えています。	これは外部のバックエンドに依存しており、それ自体ではストレージ層を提供していません。
ツールコールのレンダリング	対応するインタラクティブなコンポーネント（フォーム、ボタン、グラフなど）を自動的に生成します。	基本的な表示ツールは、動的な対話要素を含まず、名前とパラメータを呼び出すだけです。
プロトコル標準	AG-UIプロトコルの作成者であり、エージェントとUI間の相互作用に関する標準を定義します。	共通のメッセージ形式に従っており、独自のプロトコルは使用していません。
初期費用	中級レベル：ランタイム、アクション、および3つのUIモードに関する理解が必要です。	下位レベル：純粋なReactコンポーネント。ドキュメントに従って組み立てるだけです。
適用可能なシナリオ	複雑なSaaSに実践的なインテリジェントコパイロットを組み込む	標準的なAIチャットボットインターフェースを迅速に構築する

CopilotKitの応用シナリオ

SaaS製品に組み込まれたコパイロットCRM、ERP、データ分析バックエンドなどの既存製品にAIアシスタントを組み込み、ユーザーが対話を通じて複雑な機能を直接操作できるようにする。
AIネイティブアプリケーション開発エージェントを中心とした新世代のアプリケーションを構築し、フォーム、ダッシュボード、カレンダーなどのインタラクティブなインターフェースをリアルタイムで生成できるようにする。
ロングテール関数の自動化A2UIモデルでは、エージェントが低頻度機能（請求書の発行依頼や機器の予約など）のインターフェースを自動的に生成できるため、開発に必要な人員を削減できます。
クロスプラットフォームエージェントの展開AG-UIプロトコルに基づき、同一のエージェントをWebアプリケーション、モバイルデバイス、およびSlackボットに同時に展開することが可能です。