Kiters MCP Client

Kiters MCP クライアント

Model Context Protocol (MCP) サーバー用のシンプルな Electron ベースのチャットインターフェースクライアントで、OpenRouter.ai との統合に対応しています。

機能

• stdio (ローカル) または HTTP (リモート) 経由で MCP サーバーに接続
• 接続した MCP サーバーから利用可能なツールを表示・呼び出し
• OpenRouter.ai の AI モデルとチャット
• MCP サーバーツールのツール呼び出しサポート
• ダーク/ライトテーマ対応

前提条件

• Node.js (v16+)
• npm または yarn

インストール

1. リポジトリをクローンします：

git clone https://github.com/yourusername/kiters-mcp-client.git
cd kiters-mcp-client

2. 依存関係をインストールします：

npm install

3. ルートディレクトリに .env ファイルを作成し、OpenRouter.ai API キーを追加します：

OPENROUTER_API_KEY=your_api_key_here

開発

開発サーバーを起動するには：

npm run dev

これにより Electron アプリと React 開発サーバーの両方が起動します。

ビルド

アプリケーションをビルドするには：

npm run build
npm run build:electron

これにより dist ディレクトリに配布可能なパッケージが作成されます。

アプリケーションの使い方

MCP サーバーの追加

1. Servers セクションの「+」ボタンをクリック
2. サーバー名を入力
3. サーバータイプを選択：
   • ローカル (stdio)：サーバースクリプトのパスを指定 (例：/path/to/server.js または /path/to/server.py)
   • リモート (HTTP)：サーバーの URL を指定 (例：http://localhost:3001)
4. 「Add Server」をクリック

MCP サーバーに接続

1. 接続するサーバーの横の「Connect」ボタンをクリック
2. 接続すると、利用可能なツールが表示されます

AI とのチャット

1. 上部のドロップダウンからモデルを選択
2. 入力フィールドにメッセージを入力
3. Enter キーを押すか、Send ボタンをクリック
4. AI が応答し、必要に応じて接続した MCP サーバーからツールをツール呼び出しします

設定

サイドバーの下部にある「Settings」ボタンをクリックして以下を行えます：

• OpenRouter.ai API キーを設定
• テーマを変更 (Light、Dark、System)

ライセンス

MIT