MCP 注册应用

一个用于搜索和探索模型上下文协议（MCP）服务器的Web应用程序。后端使用FastAPI构建，前端使用React。

功能

• 🔍 搜索MCP服务器 - 在官方MCP注册表中进行搜索
• 📄 分页 - 每次浏览5个服务器，带有干净的分页功能
• 📋 复制到剪贴板 - 轻松复制npm/pip包的安装命令
• 🔗 外部链接 - 快速访问仓库URL
• 📱 响应式设计 - 在桌面和移动设备上都能完美运行
• ⚡ 快速且现代 - 使用现代网络技术构建

技术栈

• 后端：使用Python的FastAPI
• 前端：使用Vite的React
• 样式：使用Inter字体的现代CSS
• 图标：Lucide React
• 包管理器：用于Python依赖项的uv
• 日期处理：用于相对时间戳的dayjs

截图

具有详细模态视图的现代、干净界面，用于浏览MCP服务器

快速开始

方案1：使用shell脚本（推荐）

./start.sh

方案2：使用Python脚本

python3 start.py

方案3：直接使用uv

uv run uvicorn backend.main:app --host 0.0.0.0 --port  8000 --reload

方案4：手动启动

# 终端1 - 后端
uv run uvicorn backend.main:app --host 0.0.0.0 --port 8000 --reload

# 终端2 - 前端
cd frontend && npm run dev

访问URL

• 前端：http://localhost:5173
• 后端API：http://localhost:8000
• API文档：http://localhost:8000/docs

开发

后端设置

后端使用uv进行依赖管理：

uv add fastapi uvicorn httpx

前端设置

前端是一个标准的React + Vite应用程序：

cd frontend
npm install
npm install lucide-react

API端点

• GET /api/servers - 列出服务器，支持分页和搜索
• GET /api/servers/{id} - 获取特定服务器的详细信息
• GET /api/health - 健康检查

设计

该应用程序具有现代、干净的设计，包括：

• 使用Inter字体实现优秀的排版效果
• 微妙的阴影和边框
• 响应式网格布局
• 平滑的过渡和悬停效果
• 使用CSS自定义属性的干净色彩调色板

---

由AI Anytime用心制作