MCP Client Application

MCP クライアントアプリケーション

Model Context Protocol（MCP）を介して AI モデルと対話するためのデスクトップアプリケーションで、ツール実行機能を備えた強力なチャット会話インターフェースを提供します。

MCP とは？

Model Context Protocol（MCP）は、AI モデルがユーザーの確認を得てツールと関数の実行をリクエストできるようにする標準化された通信プロトコルです。これにより、AI アシスタントがユーザー制御を維持しながらシステムと対話するための安全で透明な環境が実現します。

機能

• 🤖 マルチモデル対応: Claude、GPT、その他の LLM に統一インターフェースで接続
• 🔧 ツール実行: セキュアな権限管理システムを通じて AI モデルがアクションを実行可能
• 🔄 リアルタイムストリーミング: ストリーミングレスポンスで流暢な会話を体験
• 🔌 サーバー管理: MCP サーバーを登録、設定、接続
• 💾 会話履歴: チャットセッションを保存して再確認
• 🔐 セキュアボルト: API キーなどの機密情報を安全に保存

MCP クライアントを使用する理由

MCP クライアントは、適切なセキュリティ境界を維持しながら最新の AI システムの全可能性を活用するアプリケーションを構築する方法を示しています。実践的なツールであると同時に、AI 機能を備えたアプリケーション構築に関心のある開発者向けの学習リソースとして機能します。

はじめに

前提条件

• Node.js 18+
• npm パッケージマネージャー

インストール

# Clone the repository
git clone [email protected]:RegiByte/mcp-client-app.git
cd mcp-client-app

# Install dependencies
npm install

# Start the development server
npm dev

本番環境向けビルド

# For Windows
npm build:win

# For macOS
npm build:mac

# For Linux
npm build:linux

アプリケーションの使用

会話を開始する

1. アプリケーションを開く
2. 会話ページに移動
3. 「新しい会話」をクリック
4. チャット開始！

ツールの操作

AI アシスタントがアクションを実行する必要がある場合：

1. チャットにツール実行リクエストが表示されます
2. リクエストされたアクションとパラメータを確認
3. リクエストを承認または拒否
4. 結果が会話に統合されて表示されます

アーキテクチャの概要

MCP クライアントアプリは以下で構築されています：

• Electron: クロスプラットフォーム対応のデスクトップ機能
• React: ユーザーインターフェース
• TypeScript: タイプセーフなコード
• Vercel AI SDK: 標準化された AI モデルとの対話
• Model Context Protocol: セキュアで標準化されたツール実行

このアプリケーションはドライバーパターンを使用して複数の LLM プロバイダーをサポートしながら、一貫したインターフェースを保持します。

学習リソース

• MCP プロトコルドキュメンテーション
• Vercel AI SDK ガイド
• MCP 対応アプリケーションの構築
• ツール開発ガイド

貢献

MCP クライアントアプリへの貢献を歓迎します。ガイドラインについては CONTRIBUTING.md を参照してください。

ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。詳細は LICENSE ファイルを参照してください。

謝辞

• Claude と MCP を提供する Anthropic チーム
• AI SDK を提供する Vercel
• アプリケーションフレームワークを提供する Electron コミュニティ

---

プロジェクトは @RegiByte によって保守されています。サポートについては、リポジトリで issue を開いてください。