使用说明
MCP工作室
用于测试和调试模型上下文协议 （MCP） 服务器的桌面应用程序。
特性
- 🖥️ 电子桌面应用程序 - 适用于macOS，Windows和Linux的原生桌面应用程序
- ⚡ Vite+反应 - 快速开发与现代工具链
- 🎨 Shadcn UI+顺风CSS -现代化设计体系
- 🧭 TanStack路由器 基于文件的结构化应用程序路由
- 🔌 MCP原型支持 支持三种MCP传输协议：
- 标准
- SSE（服务器发送事件）
- 流式HTTP
技术栈
- 前端：React 18+TypeScript
- 打包工具：快5
- 桌面：电子33
- 路由：TanStack路由器（基于文件）
- 样式：顺风CSS 4+Shadcn UI
- MCP-SDK：@modelcontextprotocol/sdk
肺炎球菌
先决条件
- Node.js>=22.7.5
- npm
安装
```bash npm安装 ```
开发服务器启动
```bash npm 运行开发模式 ```
该应用程序将自动启动为带有Hot-Reload的Electron Desktop应用程序。
为生产而构建
```bash npm 运行构建 ```
创建一个生产成熟的应用程序 release 您平台的目录。
项目结构
``` MCP_工作室/ ├── electronic/#电子主脚本和预加载脚本 │ ├── main.ts#电子主流程 preload.ts # IPC 预加载脚本 ├── src/ │ ├── routes/#TanStack路由器基于文件的路由 │ │ ├── __root.tsx#带导航的根布局 │ │ ├── index.tsx#仪表板 │ │ ├── servers.tsx#服务器管理 │ │ ├── resources.tsx#资源检查器 │ │ ├── prompts.sx#提示测试 │ │ ├── tools.tsx#工具测试 │ │ └── logs.tsx#日志和通知 │ ├── 组件/#React组件 │ │ └── ui/#Shadcn用户界面组件 │ ├── lib/#实用程序 │ │ └── utils.ts#辅助函数 │ ├── main.tsx#React入口点 │ └── index.css#全局样式 ├── 公共/#静态资产 ├── vite.config.ts#vite配置 ├── package.json#依赖关系和脚本 └── tsconfig.json#TypeScript配置 ```
功能（Geplant）
仪表盘
- 连接服务器概述
- 资源、工具和提示的统计
服务器管理
- 通过 stdio、SSE 或 HTTP 连接到 MCP 服务器
- 配置命令行参数
- 环境变量管理
资源检查员
- 显示所有可用资源
- MIME 类型和元数据
- 内容检查
- 订阅测试
提示测试
- 显示可用的提示模板
- 自定义参数测试
- 预览生成的消息
工具测试
- 所有可用工具概述
- 方案和描述
- 交互式测试
- 显示结果
日志和通知
- 所有实时服务器日志
- 连接服务器的通知
- 过滤器和搜索
灵感
根据官方 MCP检查员作为一个完整的桌面应用程序。
许可证
麻省理工学院
