Webflow

🚀 Webflow MCP 服务器

Webflow MCP 服务器是一个基于 Node.js 实现的 Webflow 模型上下文协议（MCP）服务器，借助 Webflow JavaScript SDK，它允许 AI 代理与 Webflow API 进行交互。若想了解更多关于 Webflow 数据 API 的信息，可参考 开发者文档。

🚀 快速开始

先决条件

• Node.js
• NPM
• Webflow 账户

操作步骤

1. 获取 Webflow API 令牌 您需要拥有一个 Webflow 计划，并在 Webflow 仪表盘 中生成 API 令牌。

2. 将配置添加到 AI 编辑器中 将以下内容复制到项目的根目录下，命名为 config.json：

{
  "token": "<YOUR_WEBFLOW_TOKEN>",
  "projectId": "<YOUR_PROJECT_ID>"
}

3. 在 Cursor 中使用 在 Cursor 的 MCP 配置中添加以下内容：

const webflow = require('@webflow/mcp-server');

module.exports = {
  providers: [
    webflow({
      token: process.env.WEBFLOW_TOKEN,
      projectId: process.env.WEBFLOW_PROJECT_ID
    })
  ]
};

4. 在 Claude Desktop 中使用 在 mcp-config.json 文件中添加以下内容：

{
  "providers": [
    {
      "name": "webflow",
      "config": {
        "token": "<YOUR_WEBFLOW_TOKEN>",
        "projectId": "<YOUR_PROJECT_ID>"
      }
    }
  ]
}

🔧 开发模式

如果您希望在开发模式下运行服务器，可以按照以下步骤进行：

1. 克隆仓库并安装依赖：

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

2. 在项目根目录下创建一个 .env 文件，并添加您的 Webflow 令牌：

# .env
WEBFLOW_TOKEN=<YOUR_WEBFLOW_TOKEN>

3. 启动开发服务器：

npm start

📚 详细文档

Webflow 开发资源

• Webflow API 文档
• Webflow JavaScript SDK