使用说明
MCP Desk
MCP Desk - Your Own MCP Client built with Electron, React, and TypeScript.
View Demo
·
Report Bug
·
Request Feature
应用程序界面库
通过以下截图探索MCP Desk的视觉设计和功能：
以下是一些展示 mcp-desk 应用程序：
Table of Contents
关于项目
mcp-desk 是一个桌面应用程序，旨在作为与多功能平台（MCP）服务器交互的客户端。它在Electron框架内使用现代网络技术构建，提供了一个用户友好的界面，用于管理MCP配置和利用AI代理功能，包括由OpenRouter通过Langchain等模型支持的工具使用。
该应用程序具有与AI代理交互的聊天界面、MCP服务器配置的设置管理以及导入/导出应用程序设置的能力。
主要特点
- 电子桌面应用程序：跨平台兼容性（Windows、macOS、Linux）。
- 反应前端：使用React和TypeScript构建的现代UI。
- Shadcn UI和顺风CSS：利用Shadcn UI组件和Tailwind CSS（v3）实现一致和实用优先的样式方法。
- MCP客户端：使用连接到MCP服务器并与之交互
easy-mcp-use. - AI代理聊天：由Langchain和OpenRouter型号提供支持的集成聊天界面。
- 工具使用：支持能够调用工具的AI模型。
- 模型选择：允许用户选择不同的LLM型号。
- 设置管理：配置MCP服务器详细信息并管理应用程序设置。
- 导入/导出：通过JSON文件备份和还原应用程序设置（存储在localStorage中）。
- Markdown支持：在聊天UI中以Markdown格式呈现助手消息。
- IPC通信：主进程和渲染器进程之间的高效通信。
构建于
- 电子 -跨平台桌面应用框架
- 电子Vite -为Electron构建工具链
- 反应 -UI库
- TypeScript -强类型JavaScript
- 顺风CSS （v3）-实用优先的CSS框架
- Shadcn用户界面 -可重复使用的UI组件
- Langchain -开发由语言模型驱动的应用程序的框架
- OpenRouter -人工智能模型和API
- 易于使用mcp -用于与MCP服务器交互的库
入门指南
按照以下步骤获取的本地副本 mcp-desk 为发展或贡献而启动和运行。如果您只想使用该应用程序，请参阅 下载预构建应用程序 下面的部分。
下载预构建应用程序
如果你只是想使用 mcp-desk 无需设置开发环境，您可以直接从GitHub发布页面下载适用于您的操作系统的最新预构建版本：
下载适合您系统的文件(.dmg 对于macOS， .exe 对于Windows），并像安装任何其他应用程序一样安装它。
Linux用户须知：目前，Linux的预构建包在版本中不可用。Linux用户应该遵循 安装 和 构建 在本地设置项目然后运行的说明 pnpm build:linux 以生成Linux分发文件。
先决条件（发展）
- Node.js（检查
package.json特定版本的发动机或项目要求） pnpm包管理器npm install -g pnpm
安装
- 克隆存储库（必要时更新URL）
git clone https://github.com/debsouryadatta/mcp-desk.git cd mcp-desk - 使用pnpm安装依赖项
pnpm install
发展
要在热重新加载的开发模式下运行应用程序，请执行以下操作：
pnpm run dev
构建
要构建分发应用程序，请执行以下操作：
# For Windows
pnpm run build:win
# For macOS
pnpm run build:mac
# For Linux
pnpm run build:linux
构建的应用程序包将位于 dist 或由指定的相关输出目录 electron-builder.
用法
启动应用程序后(pnpm run dev 或通过运行构建的可执行文件）：
- 配置MCP服务器：导航到设置部分以输入MCP服务器配置详细信息。
- 选择LLM型号：从可用选项中选择您喜欢的语言模型。
- 通过聊天互动：使用聊天界面向配置的AI代理发送请求。
- 管理设置：使用设置中的导入/导出功能备份或还原配置。
有关更详细的使用说明，请参阅应用程序的UI。
贡献
欢迎投稿！如果您有改进建议 mcp-desk，请随时贡献。
- 分叉项目
- 创建功能分支(
git checkout -b feature/AmazingFeature) - 提交您的更改(
git commit -m 'Add some AmazingFeature') - 推到分支机构(
git push origin feature/AmazingFeature) - 打开拉取请求
联系
Debsourya Datta-X个人资料 @债务005 -电子邮件 debsouryadatta@gmail.com
