Thirdbrain MCPSERVERS IQ

🚀 MCP Chat Desktop 應用程序

MCP Chat Desktop 是一款基於模型上下文協議（Model Context Protocol）的應用程序，它能提供多模態對話體驗。通過集成各類工具和功能，可增強聊天交互，如實現文件系統訪問、截圖捕獲等功能。

🚀 快速開始

MCP Chat Desktop 為用戶帶來多模態對話的全新體驗。你可按以下步驟開啟使用：

1. 安裝依賴：

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

2. 配置文件：參考以下配置文件示例進行配置。

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

3. 啟動應用程序：npm run start

✨ 主要特性

• 多模態支持：整合文本、圖片、音頻等多種輸入和輸出方式。
• 推理與 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
  }
}

💻 使用示例

基礎用法

const { mcp } = require('@modelcontextprotocol/sdk');
await mcp.showImage('圖片URL', '圖片標題');

高級用法

使用應用程序過程中，你還可以進行如下操作：

1. 打開開發者工具：通過右鍵菜單或快捷鍵訪問調試界面。
2. 配置服務器插件：
   • 安裝所需服務器模塊，如 server-everything, server-filesystem, server-puppeteer。
   • 使用 npx 或直接指定可執行文件路徑啟動服務。

📚 詳細文檔

故障排除

啟動問題

• 問題：無法找到可執行文件。
  • 解決方法：檢查 config.json 中的路徑是否正確，建議使用絕對路徑。

安裝超時

• 問題：npm install 進行到一半停止。
  • 解決方法：設置環境變量 ELECTRON_MIRROR 使用鏡像源，或更換網絡環境。

打包失敗

• 問題：使用 electron-builder 打包時超時。
  • 解決方法：清理緩存目錄，建議使用默認終端執行命令。

示例截圖

多模態支持

推理與 LaTeX 支持

MCP 工具可視化

MCP 工具調用流程

動態 LLM 配置

開發工具調試