Webflow

🚀 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 文件管理環境變量。