Web应用MCP服务器生成工具

MCP创建者

将现有的web应用程序代码转换为可运行的MCP服务器。

MCP创建者支持 2种方式:

1. CLI方式 （可脚本化/终端优先）
2. 当地方式 （在本地主机上将MCP Creator作为本地web应用程序运行）

MCP Creator生成什么

给定一个web应用程序代码库+基本URL，MCP Creator生成一个Node.js MCP服务器项目，该项目：

• 使用工具代理GET调用： fetch_page
• 使用工具代理POST JSON调用： submit_form
• 包含 server.js, package.json, README.md，以及元数据文件

当您已经有一个可用的web应用程序并希望快速获得MCP层时，这很有用。

项目结构

mcp_creator/
  __init__.py
  cli.py         # CLI mode
  core.py        # generation logic
  local_app.py   # localhost web UI mode

1） CLI方式

跑

python -m mcp_creator.cli create \
  --source /path/to/web-app \
  --output /path/to/generated/my-web-app-mcp \
  --base-url http://localhost:3000 \
  --name my-web-app-mcp

CLI选项

• --source：指向web应用源目录的路径
• --output：生成的MCP项目的输出目录
• --base-url：运行web应用程序的URL（用于MCP代理调用）
• --name：生成的MCP项目的包/服务器名称
• --description：可选包描述

世代之后

cd /path/to/generated/my-web-app-mcp
npm install
npm run start

2） 本地方式（本地主机web应用程序）

将MCP Creator作为本地web应用程序运行：

python -m mcp_creator.local_app --host 127.0.0.1 --port 8787

然后打开：

• http://127.0.0.1:8787

填写表单字段：

• web应用程序源目录
• web应用程序基本URL
• MCP输出目录
• MCP包名称
• 描述（可选）

点击 创建MCP服务器。生成的MCP项目将写入您的输出目录。

生成的MCP工具

fetch_page

• 方法： GET
• 输入：
  • path （默认值 /)
  • query （可选键值对象）

submit_form

• 方法： POST
• 输入：
  • path
  • payload （JSON对象）

快速示例工作流

1. 在本地启动您的web应用程序（示例： http://localhost:3000).
2. 使用CLI或本地方式生成MCP。
3. cd 放入生成的MCP文件夹中。
4. 跑 npm install && npm run start.
5. 将生成的MCP服务器连接到MCP客户端。

备注

• 堆栈检测是最好的努力（React/Next.js/Vue/Angular/Express/Flask/Django/FastAPI）。
• 生成的MCP服务器在运行时调用您的web应用程序URL，因此该应用程序应该是可访问的。