AI导哈

MCP服务器注册应用

一个用于搜索和探索模型上下文协议（MCP）服务器的Web应用，提供搜索、分页浏览、复制安装命令等功能，适用于开发者和研究人员。

  • by AIAnytime
  • JavaScript
  • 本地部署
  • 6 星标
  • 更新于
在 GitHub 查看 AIAnytime/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服务器的现代、干净的界面，具有详细的模态视图

快速开始

选项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随时

相关 MCP