MCP Showcase

MCP目录

一个美丽而现代的目录，展示了100多种用于人工智能代理的生产就绪MCP（模型上下文协议）工具。

🌐 现场演示:

✨ 特性

• 📦 100+MCP工具 -全面收集经过验证的MCP服务器
• 🎯 5平台支持 -以下配置指南：

- 克劳德桌面 - Gemini CLI - CodeX命令行界面 - 光标编辑器 - VSCode

• 🔍 智能搜索 -按名称或描述搜索工具
• 🏷️ 类别筛选 -按核心、DevTools、数据库、云、人工智能、SaaS、社交、设计、Web3、科学等筛选
• 📋 一键安装 -复制您平台的配置代码
• 🎨 现代用户界面 -美丽的深色主题，动画流畅
• ♿ 可访问的 -考虑到可访问性而构建

🚀 快速开始

先决条件

• Node.js 18+
• npm或纱线

安装

# Clone the repository
git clone https://github.com/shenduchat001/mcp-showcase.git
cd mcp-showcase

# Install dependencies
npm install

# Start development server
npm run dev

访问 http://localhost:5173 查看应用程序。

为生产而建

npm run build
npm run preview

📁 项目结构

mcp-showcase/
├── src/
│   ├── App.tsx          # Main application component
│   ├── main.tsx         # Entry point
│   ├── mcpData.ts       # MCP tools data (103+ tools)
│   └── vite-env.d.ts    # TypeScript definitions
├── public/              # Static assets
├── index.html           # HTML template
├── vite.config.ts       # Vite configuration
└── package.json         # Dependencies

🛠️ 技术栈

• 反应18 -UI框架
• TypeScript -类型安全
• 维特 -构建工具和开发服务器
• 材料UI（MUI） -组件库
• 帧运动 -动画
• React挂钩 -国家管理

📊 MCP工具类别

• 核心 -基本工具（文件系统、内存、提取、时间）
• 开发者工具 -开发工具（Git、GitHub、Docker、Kubernetes）
• 数据库 -数据库集成（PostgreSQL、MongoDB、Redis）
• 云 -云平台（AWS、Azure、GCP、Vercel）
• 人工智能 -人工智能服务（勇敢搜索、复制、拥抱面孔）
• 软件即服务 -SaaS集成（Slack、Notion、Linear、Jira）
• 社交 -社交平台（推特、Discord、Telegram）
• 设计 -设计工具（Figma、Spotify、Unity）
• Web3 -区块链工具（Etherscan、CoinGecko、Solana）
• 科学 -科学工具（ArXiv、Wolfram Alpha、天气）
• 其他 -其他工具

🔧 验证

该项目包括一个验证脚本，用于检查GitHub链接和npm包：

node verify-mcp-tools.mjs

📝 文档

• 更正.md -MCP工具的更正列表
• 更正_摘要.md -更正摘要
• 改进.md -改进建议

🤝 贡献

欢迎投稿！请随时提交拉取请求。

1. 分叉存储库
2. 创建功能分支(git checkout -b feature/AmazingFeature)
3. 提交您的更改(git commit -m 'Add some AmazingFeature')
4. 推到分支(git push origin feature/AmazingFeature)
5. 打开拉取请求

📄 许可证

该项目是开源的，可在 MIT许可证.

🙏 致谢

• 模型上下文协议 -MCP规范
• 所有MCP服务器维护者和贡献者
• Material UI和Framer Motion社区

📞 支持

如果您有任何疑问或问题，请在GitHub上打开问题。

______________________________________________________________________

由以下材料制成❤️ 对于MCP社区