🚀 Webflow MCP 服务器

Webflow MCP 服务器采用 Node.js 实现，借助 Webflow JavaScript SDK，让 AI 代理能够与 Webflow API 进行交互。若想了解更多 Webflow 数据 API 信息，可查阅 开发者文档。

🚀 快速开始

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>"
      }
    }
  ]
}

✨ 主要特性

该服务器允许 AI 代理与 Webflow API 进行交互，借助 Node.js 和 Webflow JavaScript SDK 实现。

📦 安装指南

开发模式安装

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

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

🔧 技术细节

本服务器使用 Node.js 实现，借助 Webflow JavaScript SDK 来实现 AI 代理与 Webflow API 的交互。开发过程中，使用 NPM 管理依赖，通过 .env 文件管理环境变量。