Webflow MCP Server

🚀 Webflow MCP 服務器

此 MCP 服務器讓 Claude 能夠與 Webflow 的 API 進行交互，實現兩者間的數據通信與功能調用。

🚀 快速開始

在使用 Webflow MCP 服務器前，需要滿足一定的先決條件，並按照特定的步驟進行安裝配置。

✨ 主要特性

當前服務器提供了以下實用工具：

get_sites

可檢索與認證用戶關聯的所有 Webflow 站點列表，返回的詳細信息涵蓋站點顯示名稱和短名稱、站點 ID 和工作區 ID、創建、最後更新和最後發佈日期、預覽 URL、時區設置、自定義域名配置、國際化設置（主要和次要區域）以及數據收集偏好等。

get_site

能通過 ID 檢索特定 Webflow 站點的詳細信息，需要提供 siteId 參數並返回相關信息。

📦 安裝指南

先決條件

• Node.js（v16 或更高版本）
• Claude 桌面應用程序
• Webflow 賬戶
• Webflow API 令牌（站點令牌或 OAuth 訪問令牌）

安裝步驟

1. 創建 Webflow API 令牌

• 登錄到您的 Webflow 賬戶。
• 導航到站點設置 > 應用與集成。
• 生成新的 API 令牌。
• 複製令牌值（您將無法再次看到它）。

或者，您也可以生成 OAuth 訪問令牌。

2. 初始項目設置

安裝依賴項：

npm install

3. 配置環境變量

創建用於本地開發的 .env 文件（不要提交此文件）：

WEBFLOW_API_TOKEN=your-api-token

4. 配置 Claude 桌面

打開您的 Claude 桌面配置文件： 對於 MacOS：

code ~/Library/Application\ Support/Claude/claude_desktop_config.json

對於 Windows：

code %AppData%\Claude\claude_desktop_config.json

添加或更新以下配置：

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "your-api-token"
            }
        }
    }
}

保存文件並重新啟動 Claude 桌面。

通過 Smithery 安裝

要通過 Smithery 自動安裝 Webflow MCP 服務器：

npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude

🔧 技術細節

Endpoint: /api/sites
Method: GET
Headers:
  Authorization: Bearer {token}

📚 詳細文檔

錯誤處理

HTTP 錯誤狀態碼

示例錯誤響應

{
  "error": {
    "code": "Unauthorized",
    "message": "Invalid API token"
  }
}

安全注意事項

• 保持您的 API 令牌安全。
• 不要將憑據提交到版本控制。
• 使用環境變量存儲敏感數據。
• 定期輪換 API 令牌。
• 監控 Webflow 的 API 使用情況。
• 使用最小權限為 API 令牌。

支持

如果遇到問題：

• 檢查上方的故障排除部分。
• 查看 Claude 桌面日誌。
• 檢查服務器的錯誤輸出。
• 查看 Webflow 的 API 文檔。

📄 許可證

本項目採用 MIT License，有關詳細信息，請參閱 LICENSE 文件。