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 配置

开发工具调试