React、Angular、Vue、チャットアプリで、生成UI、共有状態、人間が介在するフローを備えたエージェントネイティブアプリを構築するためのTypeScript SDK。
CopilotKit/open-research-ANA
CopilotKit、Tavily、LangGraphを使い、人間の確認を挟みながらAIエージェントがリアルタイム検索を行う、デモ用のリサーチキャンバスアプリです。
- スター
- 423
- フォーク
- 113
- 未解決の Issue
- 3
- 最終コミット
- 一昨日
これは何?
open-research-ANAは、Agent Native Applicationのデモです。ユーザーとAIエージェントが同じドキュメント上で共同作業するリサーチキャンバスで、エージェントはTavilyを通じてリアルタイム検索を行い、重要な段階で人間の入力を待ちます。そのため、ユーザーは最終回答を読むだけでなく、リサーチの方向性を調整できます。
エージェント側はLangGraphで構築されており、フロントエンドではCopilotKitを使ってチャットインターフェースとキャンバスを実行中のエージェントに接続します。ローカルで実行するには、LangGraph CLIでエージェントを起動し、CopilotKit CLIでトンネルを開き、pnpmでNext.jsフロントエンドを起動します。OpenAI、Tavily、LangSmith、CopilotKitのAPIキーが必要です。
このリポジトリはCopilotKitのモノレポに統合され、メンテナンス版はexamples/showcases/research-canvasにあります。
主な機能
- 01Tavilyを利用したリアルタイムWeb検索
- 02エージェントの各ステップをユーザーが確認するHuman-in-the-loopのチェックポイント
- 03LangGraphによるエージェントのオーケストレーション
- 04CopilotKit経由でエージェントに接続されたチャットとキャンバスのフロントエンド
- 05LangGraph CLIとNext.jsフロントエンドを使ったローカル環境のセットアップ
ユースケース
- Web検索を行い、ユーザーに指示を求めるエージェントと一緒にリサーチテーマを掘り下げる
- LangGraphエージェントとCopilotKitフロントエンドを組み合わせる方法を学ぶ
- Human-in-the-loopのリサーチアシスタントをプロトタイプする
クイックスタート
- 1
前提条件をインストールします:pnpm、Docker、LangGraph CLI
- 2
agentフォルダーからエージェントを起動します
langgraph up - 3
frontendフォルダーからフロントエンドの依存関係をインストールします
pnpm install - 4
フロントエンドの開発サーバーを起動します
pnpm run dev
使う前に知っておきたいこと
- 実行には、OpenAI、Tavily、LangSmith、CopilotKitのアカウントとAPIキーが必要です。
- このプロジェクトはデモであり、CopilotKit monorepoに統合されています。最新バージョンはそちらで公開されています。
トピック
よくある質問
- open-research-ANA とは?
- CopilotKit、Tavily、LangGraphを使い、人間の確認を挟みながらAIエージェントがリアルタイム検索を行う、デモ用のリサーチキャンバスアプリです。 open-research-ANAは、Agent Native Applicationのデモです。ユーザーとAIエージェントが同じドキュメント上で共同作業するリサーチキャンバスで、エージェントはTavilyを通じてリアルタイム検索を行い、重要な段階で人間の入力を待ちます。そのため、ユーザーは最終回答を読むだけでなく、リサーチの方向性を調整できます。
- open-research-ANA は無料で使えますか?ライセンスは?
- open-research-ANA にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- open-research-ANA は今もメンテナンスされていますか?
- 活発にメンテナンス中。open-research-ANA の最終コミットは 2026年10月19日 です。
- open-research-ANA は何に使えますか?
- Web検索を行い、ユーザーに指示を求めるエージェントと一緒にリサーチテーマを掘り下げる LangGraphエージェントとCopilotKitフロントエンドを組み合わせる方法を学ぶ Human-in-the-loopのリサーチアシスタントをプロトタイプする
- open-research-ANA のインストール方法は?
- 前提条件をインストールします:pnpm、Docker、LangGraph CLI agentフォルダーからエージェントを起動します: langgraph up frontendフォルダーからフロントエンドの依存関係をインストールします: pnpm install フロントエンドの開発サーバーを起動します: pnpm run dev
- open-research-ANA はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/CopilotKit/open-research-ANA
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
LangGraph上で長時間の複数ステップタスクをすぐに実行できる、Python向けの意見の反映された機能一式付きエージェントハーネス。
Microsoftが開発するLLMエージェントフレームワーク。論文の読解、モデルやファクターの実装、Kaggle形式の実験など、データ主導型のR&Dタスクを自動化します。
query()、対話型クライアント、プロセス内のカスタムツールとフックを備えた、Claude Code上でエージェントを構築するためのPython SDKです。
MCPツールに対応し、.chat.mdファイルを編集可能なAIチャットにするVS Code拡張機能。
LLMエージェントの会話や実行内容を、PythonおよびTypeScriptアプリ向けの永続的で構造化されたメモリに変換する、エージェントネイティブなメモリ基盤です。