Webflow MCP

这是一个 Node.js 服务器，它使用 Webflow JavaScript SDK 为 Webflow 实现模型上下文协议 (MCP)。使 AI 客户端能够通过模型上下文协议 (MCP) 与 Webflow API 交互。在开发者文档中了解更多关于 Webflow API 的信息。

ℹ 前提条件

• Node.js
• NPM
• 一个 Webflow 账户

▶️ 快速开始

1. 获取您的 Webflow API 令牌

   • 前往 Webflow 的 API Playground
   • 登录并生成一个令牌
   • 从 Request Generator 复制令牌

2. 添加到您的 AI 编辑器

   {
     "mcpServers": {
       "webflow": {
         "command": "npx",
         "args": ["-y", "webflow-mcp-server"],
         "env": {
           "WEBFLOW_TOKEN": "YOUR_API_TOKEN"
         }
       }
     }
   }
   

   对于 Cursor:

   1. 前往 Settings → Cursor Settings → MCP
   2. 点击 + Add New Global MCP Server
   3. 粘贴配置
   4. 保存并验证服务器状态

   对于 Claude Desktop:

   1. 打开 Settings → Developer
   2. 点击 Edit Config
   3. 粘贴配置
   4. 保存并重启 Claude

🛠️ 可用工具

对于 Cursor:

1. 前往 Settings → Cursor Settings → MCP
2. 点击 + Add New Global MCP Server
3. 粘贴配置
4. 保存并验证服务器状态

对于 Claude Desktop:

1. 打开 Settings → Developer
2. 点击 Edit Config
3. 粘贴配置
4. 保存并重启 Claude

🛠️ 可用工具

站点

sites - list; // 列出所有站点
sites - get; // 获取站点详情
sites - publish; // 发布站点更改

页面

pages - list; // 列出所有页面
pages - get - metadata; // 获取页面元数据
pages - update - page - settings; // 更新页面设置
pages - get - content; // 获取页面内容
pages - update - static - content; // 更新页面内容

CMS

collections - list; // 列出集合
collections - get; // 获取集合详情
collections - items - create - item - live; // 创建项目
collections - items - update - items - live; // 更新项目

🗣️ 提示和资源

此实现不包含提示和资源。但是，这将来可能会改变。

🚧 开发模式

如果您想在开发模式下运行服务器，您可以安装依赖项并使用以下命令运行服务器：

1. 克隆并安装：

   git clone git@github.com:webflow/mcp-server.git
   cd mcp-server
   npm install
   

2. 添加您的令牌：

   # .env
   WEBFLOW_TOKEN=your_token_here
   

3. 启动开发服务器：

   npm run dev
   

📄 Webflow 开发者资源

• Webflow API 文档
• Webflow JavaScript SDK