MCP Registry App

MCP注册表应用程序

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

特性

• 🔍 搜索MCP服务器 -在MCP官方注册表中搜索
• 📄 分页 -使用干净的分页一次浏览服务器5
• 📋 复制到剪贴板 -轻松复制npm/pip包的安装命令
• 🔗 外部链接 -快速访问存储库URL
• 📱 响应式设计 -在台式机和移动设备上运行良好
• ⚡ 快速与现代 -采用现代网络技术构建

技术栈

• 后端：Python快速API
• 前端：与Vite互动
• 样式：带Inter字体的现代CSS
• 图标：Lucide React
• 程序包管理器：uv用于Python依赖项
• 日期处理：dayjs用于相对时间戳

截图

MCP Registry App

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

快速开始

选项1：使用shell脚本（推荐）

./start.sh

选项2：使用Python脚本

python3 start.py

选项3：直接使用紫外线

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

选项4：手动启动

# Terminal 1 - Backend
uv run uvicorn backend.main:app --host 0.0.0.0 --port 8000 --reload

# Terminal 2 - Frontend
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随时