AI导哈

MCP服务器开发工具包

一个全面的开发者平台，用于简化构建Model Context Protocol (MCP)服务器的生命周期，提供生成、验证和测试功能。

  • by Sooraj-Suresh-Dev
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 Sooraj-Suresh-Dev/mcp-studio

使用说明

🛠️ MCP工作室

轻松生成、验证和测试模型上下文协议（MCP）服务器的终极开发工具包。

🌟 概述

MCP工作室 是一个全面的开发人员平台，旨在简化建筑的生命周期 模型上下文协议（MCP） 服务器。

构建MCP服务器通常涉及复杂的JSON配置和手动模式验证。MCP Studio通过提供以下功能消除了这种摩擦：

  • 人工智能发电：用自然语言描述您的服务器。
  • 视觉建设者：使用结构化表单构建工具和资源。
  • 即时验证：确保您的服务器定义严格遵循MCP架构。
  • 工具模拟：在没有一行部署代码的情况下测试服务器的逻辑。

🚀 主要特点

🧠 服务器定义生成器

立即生成生产就绪的MCP服务器定义。

  • 自然语言输入：“创建一个可以列出存储库并创建问题的GitHub集成服务器。”
  • 结构化表单：使用干净的UI手动定义工具、资源和提示。
  • 谷歌搜索结果预览功能：实时查看JSON模式更新。

🔍 MCP验证器

停止调试神秘的JSON错误。我们的验证器提供：

  • 架构合规性：对照官方MCP规范进行检查。
  • 深层检测：验证 inputSchema、缺失字段和传输配置。
  • 人为可读错误：明确反馈需要修复的地方。

🧪 工具模拟器

在工具投入生产之前对其进行测试。

  • 动态表单生成：从您的工具自动创建UI inputSchema.
  • 逻辑验证：模拟响应并验证您的工具如何处理不同的输入。
  • 快速迭代：在几秒钟内优化您的工具定义。

🖼️ 示例库

使用社区模板启动您的开发。

  • 参考实现：探索适用于GitHub、Google Drive等的生产就绪MCP服务器。
  • 一键灵感：复制和修改现有模式以满足您的需求。

💬 客户端连接助手

轻松将您的MCP服务器连接到流行的AI客户端。

  • 配置生成器：获取Claude Desktop、IDE扩展或自定义客户端的确切JSON代码段。
  • 分步指南：各种集成场景的集成教程。

🗺️ 原理

模型上下文协议充当LLM和数据/工具之间的桥梁。

graph LR
    A[AI Model / LLM] <--> B[MCP Client]
    B <--> C{MCP Server}
    C <--> D[Tools / APIs]
    C <--> E[Databases]
    C <--> F[Local Files]
  1. 设计：使用 发电机 定义你的工具和资源。
  2. 验证：通过以下方式运行定义 验证器.
  3. 模拟：测试交互流 模拟器.
  4. 部署：使用 连接助手 与您选择的AI客户端集成。

🛠️ 技术栈

  • 前端：React（v19）+Vite
  • 样式：香草CSS
  • 路由：React路由器

📥 入门指南

先决条件

  • Node.js （v18或更高版本）
  • npm或纱线

安装

  1. 克隆存储库

    git clone https://github.com/yourusername/mcp-studio.git
cd mcp-studio

  2. 安装依赖项

    npm install

  3. 启动开发服务器

    npm run dev

    🚀 打开 http://localhost:5173 在您的浏览器中。

📁 项目结构

mcp-studio
├── src/
│   ├── components/    # Reusable UI elements (Navbar, Footer, Buttons)
│   ├── pages/         # Feature-specific views
│   │   ├── Generator/ # MCP Server Generator logic
│   │   ├── Validator/ # Schema validation tools
│   │   └── Learn/     # Documentation & Tutorials
│   ├── assets/        # Global styles & Media
│   └── App.jsx        # Root routing & Layout
├── public/            # Static assets
└── vite.config.js     # Build configuration

🛣️ 路线图

  • [ ] 模板市场：常见集成（Notion、Jira、Airtable）的一键式起点。
  • [ ] 可视化工具生成器：拖放工具定义界面。
  • [ ] MCP游乐场：针对实时LLM测试服务器的交互式环境。
  • [ ] 导出到TS/JS：将JSON定义转换为样板代码。
  • [ ] VS代码扩展：将MCP Studio直接带入编辑器。

🤝 贡献

我们欢迎各种各样的贡献！

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

📄 许可证

此项目根据MIT许可证获得许可-请参阅 许可证 文件以获取详细信息。

👨‍💻 作者

Sooraj

对AI开发者生态系统充满热情。

相关 MCP