Open MCP Client について
Open MCP Client は MIT ライセンスのオープンソースプロジェクトで、UI を担うフロントエンドと中核機能を担うエージェントで構成されます。動作には OpenAI と LangSmith の API キーが必要です。
主な機能
- 01フロントエンドが UI を担当
- 02エージェントサービスが中核機能を担当
- 03エージェントの依存関係を Poetry で管理
- 04フロントエンドとエージェントを個別または同時に起動
- 05OpenAI と LangSmith のキーを .env ファイルで設定
活用シーン
- 01フロントエンドとエージェントをローカルで構築・デバッグする
- 02ブラウザで localhost:3000 にアクセスしてアプリを確認する
詳細
Open MCP Client
https://github.com/user-attachments/assets/364b6705-14d4-4e6d-bea7-fb9f12664fab
はじめに
環境変数の設定
プロジェクトのルートに .env ファイルを作成します。
touch .env
.env に次の内容を追加します。
LANGSMITH_API_KEY=lsv2_...
OPENAI_API_KEY=sk-...
次に、agent フォルダに移動し、もう 1 つ .env ファイルを作成します。
cd agent
touch .env
agent/.env の中に次の内容を追加します。
OPENAI_API_KEY=sk-...
LANGSMITH_API_KEY=lsv2_...
Poetry のセットアップ:
Poetry は、エージェントサービスの依存関係を管理します。次のコマンドでインストールします。
pip install poetry
次のコマンドを実行して、インストールを確認します。
poetry --version
開発
デバッグをしやすくするため、frontend と agent は別々のターミナルで実行します。
# Terminal 1 - Frontend
pnpm run dev-frontend
# Terminal 2 - Agent
pnpm run dev-agent
または、両方のサービスをまとめて起動することもできます。
pnpm run dev
ブラウザで http://localhost:3000 にアクセスすると、アプリケーションを確認できます。
アーキテクチャ
コードベースは、次の 2 つの主要コンポーネントで構成されています。
- Frontend - ユーザーインターフェースを担当します。
- Agent - コア機能を管理します。
ライセンス
MIT ライセンスの下で配布されています。詳細は LICENSE を参照してください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。