このクイックスタートでは、LangGraph, Mastra, Pydantic AI, Agno のエージェントをエージェント・ネイティブなアプリケーションに 10 分で変換します。

CopilotKit : クイックスタート

作成 : Masashi Okumura (@classcat.com)
作成日時 : 04/17/2026
バージョン : v1.56.2

* 本記事は docs.copilotkit.ai の以下のページ等を参考にしています :

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

このクイックスタートでは、LangGraph 等のエージェントをエージェント・ネイティブなアプリケーションに 10 分で変換します。
導入方法は、LangChain, Mastra, Pydantic AI, Agno で殆ど同じですので、まとめて記述します :

前提条件

始める前に、以下が必要です :

LangChain

Mastra

Pydantic AI, Agno

CLI の実行

LangChain – まず、CLI を使用して新しいプロジェクトを作成します。Python または JavaScript を選択します :
Python
```
npx copilotkit@latest create -f langgraph-py
```
JavaScript
```
npx copilotkit@latest create -f langgraph-js
```
Mastra – まず、CLI を使用して新しいプロジェクトを作成します。
```
npx copilotkit@latest create -f mastra
```
Pydantic AI
```
npx copilotkit@latest create -f pydantic-ai
```
Agno
```
npx copilotkit@latest create -f agno
```
依存関係のインストール
```
pnpm install
```
環境の構成
agent ディレクトリで .env ファイルを作成して OpenAI API キーを追加します :
```
OPENAI_API_KEY=your_openai_api_key
```
ℹ️ 他のモデルについて
The starter template is configured to use OpenAI’s GPT-4o by default, but you can modify it to use any language model supported by LangGraph.
開発サーバの起動
```
pnpm dev
```
ℹ️ これは UI サーバとエージェントサーバの両方を同時に起動します。
🎉 チャットを始めましょう！
AI エージェントが使用できるようになりました！幾つか質問をしてみましょう :
```
Can you tell me a joke?

Can you help me understand AI?

What do you think about React?
```

以上