使用说明
🚀 MCP Hub-世界上最完整的MCP服务器集合
🚀 终极MCP服务器管理器-发现、配置和部署100多台MCP服务器
🎯 立即生成claude_desktop_config json
🌐 网站: https://wild-hall-5c56.qazplm20031208zj.workers.dev
英语 | 中文 | 日本语 | 韩语 | 西班牙语 | 法语 | 葡萄牙语 | 德语 | 俄语 | 阿拉伯语 | 意大利语 | 荷兰语
📖 关于
MCP Hub是一个现代、美观、功能强大的web应用程序,旨在简化以下内容的发现、配置和部署 模型上下文协议(MCP) Claude Desktop的服务器。
使用MCP Hub,您可以:
- 🔍 浏览和发现流行的MCP服务器
- 🛒 一键将服务器添加到您的“配置购物车”
- 📦 生成生产就绪
claude_desktop_config.json配置 - 📜 自动生成安装脚本(Bash和PowerShell)
- ⚡ 几秒钟即可开始——无需手动配置
✨ 特性
| 特性 | 描述 |
|---|---|
| 🔍 服务器发现 | 通过搜索和类别过滤浏览精心策划的MCP服务器 |
| 🛒 配置购物车 | 选择服务器并查看实时JSON预览 |
| 📄 JSON生成 | 一键复制或下载 claude_desktop_config.json |
| 📜 安装脚本 | 自动生成Bash(macOS/Linux)和PowerShell(Windows)脚本 |
| 🎨 漂亮的UI | 使用shadcn/ui和Tailwind CSS构建的现代界面 |
| 📱 完全响应 | 在台式机和移动设备上无缝工作 |
| 🔒 隐私第一 | 所有处理都在浏览器本地进行 |
🚀 快速开始
选项1:本地运行
# Clone the repository
git clone https://github.com/yourusername/mcp-hub.git
cd mcp-hub
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
选项2:使用npx(无需安装)
npx mcp-hub
注: 该项目旨在在当地建设和运营。npx命令发布到npm后即可使用。
选项3:Docker
docker build -t mcp-hub .
docker run -p 5173:5173 mcp-hub
打开浏览器并导航到 http://localhost:5173
📖 使用指南
1.浏览服务器
使用搜索栏和类别过滤器查找符合您需求的MCP服务器。
2.加入购物车
切换任何服务器卡上的开关,将其添加到您的配置中。选定的服务器将突出显示。
3.生成配置
点击 配置购物车 标题中的按钮打开配置面板。你可以:
- 📋 复制JSON配置
- ⬇️ 下载
claude_desktop_config.json - 🐚 获取安装脚本(Bash/PowerShell)
4.安装
手动安装
将生成的JSON复制到您的Claude Desktop配置中:
macOS/Linux:
mkdir -p ~/.config
cp claude_desktop_config.json ~/.config/claude_desktop_config.json
窗户:
mkdir $env:APPDATA\Claude
copy claude_desktop_config.json $env:APPDATA\Claude\claude_desktop_config.json
自动安装(推荐)
运行生成的安装脚本:
Bash(macOS/Linux/WSL):
chmod +x install-mcp.sh
./install-mcp.sh
PowerShell(Windows):
.\install-mcp.ps1
⚠️ 重要提示: 应用配置后重新启动Claude Desktop。
🛠️ 技术栈
| 技术 | 目的 |
|---|---|
| 反应18 | UI框架 |
| TypeScript | 类型安全 |
| 维特 | 构建工具 |
| Tailwind CSS | 造型 |
| shadcn/ui | UI组件 |
| Lucide反应 | 图标 |
| Radix UI | 可访问性 |
🤝 贡献
欢迎投稿!请随时提交拉取请求。
如何做出贡献
- 分叉 仓库
- 创建 特征分支(
git checkout -b feature/amazing-feature) - 提交 您的更改(
git commit -m 'Add some amazing feature') - 推 到分行(
git push origin feature/amazing-feature) - 打开 拉取请求
添加新的MCP服务器
要添加新的MCP服务器,请编辑 src/data/mcp-data.ts:
{
id: "my-server",
name: "My Server",
description: "Description of what your server does",
command: "npx",
args: ["-y", "@mypackage/server-my-server"],
category: "database", // database, filesystem, api, development, ai, communication, utilities, other
tags: ["tag1", "tag2"],
icon: "Database", // Any Lucide icon name
},
📝 许可证
该项目根据MIT许可证获得许可——请参阅 许可证 文件以获取详细信息。
🙏 致谢
由...制作❤️ MCP中心团队
⭐ 如果你觉得这个仓库有用,就把它标上!