AI导哈

MCP服务器构建工具

MCP Forge是一个可视化的MCP服务器构建工具，无需编写样板代码即可快速创建符合MCP协议的生产级TypeScript服务器。

  • by mpalmer79
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 mpalmer79/mcp-forge

使用说明

⚡ MCP锻造

Visual MCP服务器构建器和注册表

无需编写样板，即可构建、测试和发布模型上下文协议服务器。MCP Forge提供了一个可视化界面，用于使用工具、资源和提示创建MCP服务器，生成符合官方MCP SDK模式的生产就绪TypeScript代码。

什么是MCP？

这 模型上下文协议 是由Anthropic创建的开放标准，它使AI应用程序（如Claude Desktop、Cursor、VS Code Copilot）能够通过统一的接口连接到外部数据源和工具。把它想象成 USB-C用于AI集成 --一种协议，用于将任何工具连接到任何AI客户端。

MCP服务器公开了三个原语：

  • 工具 --LLM可以调用的函数（例如。， get_weather, query_database)
  • 资源 -应用程序可以读取的数据（例如，文件内容、API响应）
  • 提示 --常见任务的预先编写模板

MCP Forge使构建这些服务器变得直观且快速。

特性

🔧 可视化服务器生成器

通过单击而不是编码来设计MCP服务器。添加具有类型化参数的工具、具有URI模式的资源和提示模板。三面板布局同时显示基本列表、属性编辑器和实时代码输出。

📦 服务器注册表

浏览和搜索Anthropic生态系统和社区中的现有MCP服务器。按官方/社区过滤，按标签搜索，并获取任何服务器的即时安装命令。

▶️ 测试游乐场

根据您的服务器定义模拟JSON-RPC调用。请参阅格式化的请求/响应日志，测试 tools/list 和 tools/call 方法，并在部署前验证服务器行为。

⚙️ 配置生成器

自动生成您的 claude_desktop_config.json, package.json，并完成TypeScript服务器代码。复制和部署——一切都遵循官方 @modelcontextprotocol/sdk 模式。

技术栈

层 技术
框架 Next.js 15（应用路由器）
语言 TypeScript 5.3
样式 顺风CSS 3.4+CSS变量
状态 反应钩子（useState、useCallback、useRef）
代码生成 基于AST的TypeScript生成
字体 IBM Plex Mono
部署 Vercel/Netlify/GitHub页面

快速开始

# Clone the repo
git clone https://github.com/YOUR_USERNAME/mcp-forge.git
cd mcp-forge

# Install dependencies
npm install

# Run development server
npm run dev

打开 http://localhost:3000 查看应用程序。

项目结构

mcp-forge/
├── src/
│   ├── app/
│   │   ├── page.tsx              # Landing page
│   │   ├── builder/
│   │   │   └── page.tsx          # Main builder application
│   │   ├── layout.tsx            # Root layout
│   │   └── globals.css           # Global styles
│   ├── components/
│   │   ├── landing/
│   │   │   ├── Hero.tsx          # Landing hero section
│   │   │   ├── Features.tsx      # Feature showcase
│   │   │   └── CTA.tsx           # Call-to-action
│   │   ├── builder/
│   │   │   ├── BuilderTab.tsx    # Server builder interface
│   │   │   ├── RegistryTab.tsx   # Server registry/marketplace
│   │   │   ├── PlaygroundTab.tsx # JSON-RPC testing
│   │   │   ├── ConfigTab.tsx     # Config file generator
│   │   │   ├── CodePreview.tsx   # Live TypeScript output
│   │   │   └── PrimitiveEditor.tsx # Tool/Resource/Prompt editor
│   │   └── ui/
│   │       ├── Badge.tsx
│   │       ├── TextInput.tsx
│   │       └── SelectInput.tsx
│   ├── lib/
│   │   ├── codegen.ts            # TypeScript code generation
│   │   ├── registry.ts           # Server registry data
│   │   └── types.ts              # MCP primitive types
│   └── types/
│       └── index.ts              # TypeScript interfaces
├── public/
│   └── og-image.png              # Social preview image
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── package.json
└── README.md

运作原理

1.定义您的服务器

命名您的服务器，选择传输类型（stdio、HTTP或SSE），然后开始添加原语。

2.添加图元

单击以添加工具、资源或提示。每个都有一个完整的属性编辑器：

  • 工具：名称、描述、类型化参数（字符串/数字/布尔值/数组/对象）、必需标志
  • 资源：URI模式、MIME类型
  • 提示：带变量插值的模板字符串

3.预览代码

右侧面板使用以下命令实时生成有效的TypeScript @modelcontextprotocol/sdk:

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
import { z } from "zod";

const server = new McpServer({
  name: "my-server",
  version: "1.0.0",
});

server.tool(
  "get_inventory",
  "Fetch current vehicle inventory",
  {
    make: { type: z.string(), description: "Vehicle make" },
    year: { type: z.number(), description: "Model year" },
  },
  async ({ make, year }) => {
    // TODO: implement
    return { content: [{ type: "text", text: "result" }] };
  }
);

4.测试和部署

使用Playground模拟JSON-RPC调用，然后获取生成的 claude_desktop_config.json 并部署。

MCP规范合规性

MCP Forge生成针对以下对象的代码 2025-11-25 MCP规范，包括：

  • ✅ JSON-RPC 2.0消息格式
  • ✅ tools/list 和 tools/call 方法
  • ✅ resources/read 具有URI模式
  • ✅ prompts/get 带有参数模式
  • ✅ 基于Zod的参数验证
  • ✅ 支持Stdio和HTTP传输
  • ✅ 正确的错误处理模式

路线图

  • [ ] 从OpenAPI导入 --根据OpenAPI/Swagger规范自动生成MCP服务器
  • [ ] Python代码生成 --输出Python SDK代码和TypeScript
  • [ ] MCP检查器集成 --直接连接到官方MCP检查员进行现场测试
  • [ ] 一键发布 --使用正确的包配置推送到npm注册表
  • [ ] 服务器模板 -用于常见集成的预构建启动器模板（数据库、API包装器、文件系统）
  • [ ] 身份验证配置 --根据2025年6月规范更新的OAuth 2.0资源服务器设置

为什么选择MCP Forge？

MCP生态系统发展迅速，被OpenAI、谷歌DeepMind、微软和数千名开发人员采用。但是构建MCP服务器仍然需要手动编写样板代码、理解JSON-RPC协议和配置传输层。

MCP Forge弥合了两者之间的差距 了解MCP可以做什么 和 运送工作服务器。这是我开始为生产汽车人工智能系统构建MCP集成时希望存在的工具。

相关项目

贡献

欢迎投稿！请阅读我们的 贡献指南 了解详情。

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

许可证

麻省理工学院——见 许可证 了解详情。

Built with ⚡ by Michael
Targeting MCP Spec 2025-11-25 · Powered by Next.js + TypeScript

相关 MCP