MCP Studio (Sooraj Suresh Dev)

🛠️ 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路由器

______________________________________________________________________

📥 入门指南

先决条件

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

安装

1. 克隆存储库

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

1. 安装依赖项

   npm install

1. 启动开发服务器

   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开发者生态系统充满热情。*