Thirdbrain MCPSERVERS IQ

🚀 MCP Chat Desktop アプリケーション

MCP Chat Desktopは、モデルコンテキストプロトコル（Model Context Protocol）に基づくアプリケーションです。多様なモードでの対話体験を提供し、ファイルシステムへのアクセスやスクリーンショットのキャプチャなど、様々なツールと機能を統合してチャットのインタラクションを強化します。

🚀 クイックスタート

MCP Chat Desktopは、モデルコンテキストプロトコルに基づいた多モード対話アプリケーションです。以下の手順で始めることができます。

✨ 主な機能

• 多モーダルサポート：テキスト、画像、音声など、複数の入出力方式を統合します。
• 推論とLaTeXサポート：数式や複雑な論理推論の表示をサポートします。
• MCPツールの可視化：利用可能なツールとその呼び出しプロセスを直感的に表示します。
• 動的LLM構成：ユーザーが柔軟に異なる大規模言語モデルを構成および切り替えることができます。

🔧 技術詳細

アプリケーションはモジュール化設計を採用し、プラグイン形式で機能を拡張します。主なコンポーネントは以下の通りです。

1. ユーザーインターフェイス（UI）：チャットインタラクションと機能表示を提供します。
2. ツール呼び出しシステム：ツールの検出、呼び出し、結果処理を担当します。
3. アダプター層：複数のLLMプロバイダーのサービスインターフェイスに対応します。

📦 インストール

依存関係のインストール

npm install mcp-chat-ui mcp-server-filesystem mcp-server-puppeteer

設定ファイルの例

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "server-filesystem",
        "--root=D:/Github/mcp-test"
      ]
    }
  },
  "uiOptions": {
    "theme": "dark",
    "enableMultimodal": true
  }
}

💻 使用例

基本的な使用法

1. アプリケーションを起動します：npm run start
2. 開発者ツールを開きます：右クリックメニューまたはショートカットキーでデバッグ画面にアクセスします。
3. サーバープラグインを構成します：
   • server-everything, server-filesystem, server-puppeteer などの必要なサーバーモジュールをインストールします。
   • npx を使用するか、実行可能ファイルのパスを直接指定してサービスを起動します。

高度な使用法

const { mcp } = require('@modelcontextprotocol/sdk');
await mcp.showImage('图片URL', '图片标题');

📚 ドキュメント

起動時の問題

• 問題：実行可能ファイルが見つからない。
  • 解決策：config.json のパスが正しいことを確認し、絶対パスの使用をおすすめします。

インストールがタイムアウトする

• 問題：npm install が途中で停止する。
  • 解決策：環境変数 ELECTRON_MIRROR を設定してミラーソースを使用するか、ネットワーク環境を変更します。

パッケージ化に失敗する

• 問題：electron-builder を使用してパッケージ化する際にタイムアウトする。
  • 解決策：キャッシュディレクトリをクリアし、デフォルトのターミナルでコマンドを実行することをおすすめします。

サンプルスクリーンショット

多モーダルサポート

推論とLaTeXサポート

MCPツールの可視化

MCPツールの呼び出しプロセス

動的LLM構成

開発者ツールのデバッグ