CopilotKitとは何ですか？
CopilotKitは、ユーザーとAIエージェントを実際のアプリケーション内で統合するためのエンタープライズ向けフロントエンドスタックです。React、Angular、VueのSDKを提供し、生成UIやAG-UIプロトコルを活用して、Web、Slack、Teamsなど複数のチャネルで動作します。開発者は自前のエージェントやモデルを持ち込み、リアルタイムなコンテキストとUI制御を実現できます。34.5kのGitHubスターを獲得し、DocusignやEvergreen Wealthなどの企業が採用しています。
CopilotKitの特徴は何ですか？
- Generative UI: エージェントがアプリ、Slack、Teams上でリッチなインタラクティブUIを動的にレンダリング。useCopilotActionでフライトカードなどを表示可能。
- Connect any agent: 任意のエージェント（OpenAI、LangGraph、MAFなど）をフロントエンドに接続。バックエンドとUIを疎結合に保ちながら統合。
- Threads+Persistence: アプリセッション、Slackスレッド、Teams会話をまたいで自動的にスレッドと状態を永続化。ユーザー体験が途切れない。
- Frontend SDKs (React, Angular, Vue): モダンフレームワーク向けの直感的なAPIを提供。数分でセットアップ可能で、ストリーミングファーストのアーキテクチャ。
- Chat components: プリビルドでカスタマイズ可能なチャットUIコンポーネント。美しいインターフェースをそのまま利用可能。
- Enterprise Intelligence Platform: 製品インサイト、自己学習（CLHF）、Human-in-the-loop、音声・ファイルアップロードなど高度な機能を自己ホスト可能。
CopilotKitの使用例は何ですか？
- SaaSプロダクトにAIアシスタントを組み込み、ユーザーが機能をナビゲートしたりデータを分析したりするのを支援。
- クリエイティブツールやデザインプラットフォームで、AIと共同でコンテンツ生成や編集を行うコクリエーションアプリ。
- エンタープライズ向けSlack/Teamsボットとして、エージェントがスレッド内でインタラクティブUIを表示しながら業務を遂行。
- 開発者が自前のLangGraphやOpenAIエージェントを使い、生成UIでユーザーに動的なレポートやフォームを提供。
- 製品チームがAI機能の採用率をリアルタイムで分析し、CLHF（継続的学習）によりエージェントを自動改善。
CopilotKitの使い方は？
- 既存のアプリで
npx copilotkit@latest createを実行し、CopilotKitを導入。 - バックエンドでCopilotRuntimeをセットアップし、使用するエージェント（例：LangGraphHttpAgent）を登録。
- フロントエンドで
CopilotSidebarやuseCopilotActionを使い、生成UIコンポーネントを定義。 - スレッド永続化を有効にするため、バックエンドで適切なストレージ（例：データベース）を設定。
- プロダクション環境では、Enterprise Intelligence Platformを自己ホストしてHuman-in-the-loopや製品インサイトを追加。
