使用说明

项目简介

Webflow MCP Server 是一个基于 Model Context Protocol (MCP) 构建的服务器，旨在连接 AI 客户端和 Webflow 平台。它允许用户通过自然语言指令，利用 AI 客户端调用预设的工具，安全、便捷地管理 Webflow 网站的站点信息、页面内容以及 CMS 数据。

主要功能点

站点管理: 支持列出站点、获取站点详情以及发布站点更改。
页面管理: 支持列出页面、获取页面元数据和内容、更新页面设置和静态内容。
CMS 管理: 支持列出集合、获取集合详情、创建和更新 CMS 项目。

安装步骤

安装 Node.js 和 NPM: 确保你的开发环境中已安装 Node.js 和 NPM。如果未安装，请参考 Node.js 官网进行安装。
获取 Webflow API Token:
- 访问 Webflow API Playground 并登录你的 Webflow 账户。
- 生成 API Token 并复制。

克隆仓库并安装依赖:

git clone [email protected]:webflow/mcp-server.git
cd mcp-server
npm install

配置 Webflow API Token:
- 在项目根目录下创建 '.env' 文件。
- 在 '.env' 文件中添加以下内容，并将 'YOUR_API_TOKEN' 替换为你复制的 Webflow API Token。
```
WEBFLOW_TOKEN=YOUR_API_TOKEN
```

服务器配置

要将 Webflow MCP Server 集成到 MCP 客户端（如 Cursor 或 Claude Desktop），你需要配置 MCP 服务器的启动命令。以下是配置示例：

Cursor 配置:

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

'server name': 自定义服务器名称，例如 "webflow"。
'command': 启动服务器的命令，这里使用 'npx' 来运行本地安装的 'webflow-mcp-server' 包。
'args': 传递给命令的参数，'-y' 参数用于 'npx' 自动确认安装包。
'env': 环境变量配置，'WEBFLOW_TOKEN' 用于传递 Webflow API Token，请务必替换 'YOUR_API_TOKEN' 为你实际的 Token。

Claude Desktop 配置:

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

配置方式与 Cursor 相同。

基本使用方法

按照 MCP 客户端 (Cursor 或 Claude Desktop) 的指引，添加并配置 Webflow MCP Server。
启动 MCP 服务器，并确保在 MCP 客户端中服务器状态为“已连接”或类似状态。
在 MCP 客户端中，你可以使用自然语言指令，例如：
- "列出我的 Webflow 站点" (对应 'sites_list' 工具)
- "获取站点 ID 为 '站点ID' 的站点信息" (对应 'sites_get' 工具，需要替换 '站点ID' 为实际的站点 ID)
- "更新页面 ID 为 '页面ID' 的页面内容" (对应 'pages_update_static_content' 工具，需要提供页面 ID 和更新内容)
客户端会解析你的指令，并调用 Webflow MCP Server 提供的工具来执行相应的 Webflow API 操作。

注意: 请参考仓库 'README.md' 文件和 'src/index.ts' 文件中定义的工具列表和参数，了解更详细的工具功能和使用方法。

关键词