Webflow MCP 服务器集成

通过 FlowHunt 的 Webflow MCP 服务器，将 AI 与您的 Webflow 站点集成，实现自动化站点发现、元数据管理和智能工作流自动化。

Webflow AI Integration Automation

“Webflow” MCP 服务器的功能是什么？

Webflow MCP 服务器是一个集成层，使诸如 Claude 这样的 AI 助手能够与 Webflow 的 API 交互。通过将 AI 模型连接到 Webflow，该服务器允许开发者和 AI 工具以编程方式访问、查询和操作 Webflow 站点数据。主要功能包括检索 Webflow 站点的详细信息，如站点名称、ID、域名、本地化设置等。这通过自动化站点管理、数据分析和上下文交互，提升了开发流程，使团队更容易将 Webflow 资源集成到更广泛的工具链和自动化流程中。

提示模板列表

仓库中未提及任何提示模板。

资源列表

可用文档或代码库中未列出明确资源。

工具列表

get_sites
- 获取经过认证用户可访问的所有 Webflow 站点列表。返回显示名称、短名称、站点和工作区 ID、创建与更新时间、预览 URL、时区、自定义域、本地化设置及数据收集偏好等详细信息。
get_site
- 获取指定 Webflow 站点（通过 siteId 标识）的详细信息。返回与 get_sites 相同的一组详细信息，但仅针对单个站点。

该 MCP 服务器的应用场景

Webflow 站点发现
- 开发者或 AI 代理可快速列出账号下所有 Webflow 站点，便于管理多个网站项目。
自动化站点管理
- 检索和监控一个或多个 Webflow 站点的元数据（如发布时间、自定义域和语言环境），实现行政任务自动化。
上下文 AI 交互
- AI 助手可获取详细站点信息，用于回答用户查询或根据当前站点配置驱动自动化流程。
与 CI/CD 流水线集成
- 将站点信息作为自动部署、发布或分析流程中的一部分集成到更广泛的开发管道中。

如何设置

Windsurf

仓库中未提供 Windsurf 专用说明。

Claude

准备工作
- 确保已安装 Node.js（v16+）。
- 已安装 Claude 桌面应用。
- 获取 Webflow API Token。
安装依赖
- 运行：npm install
配置环境变量
- 创建 .env 文件，内容如下：
```
WEBFLOW_API_TOKEN=your-api-token
```

配置 Claude 桌面应用

打开 Claude 配置文件：
- MacOS 路径：~/Library/Application Support/Claude/claude_desktop_config.json
- Windows 路径：%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 桌面应用。

API 密钥安全存储（env 示例）：

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

Cursor

仓库中未提供 Cursor 专用说明。

Cline

仓库中未提供 Cline 专用说明。

使用 Smithery 安装

运行：

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

如何在流程中使用此 MCP

在 FlowHunt 中集成 MCP

要将 MCP 服务器集成到 FlowHunt 工作流中，先将 MCP 组件添加到您的流程，并将其连接至 AI 代理：

点击 MCP 组件打开配置面板。在系统 MCP 配置部分，使用如下 JSON 格式填写您的 MCP 服务器信息：

{
  "webflow": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

配置完成后，AI 代理即可将该 MCP 作为工具使用，访问其全部功能。请记得将 “webflow” 替换为您的 MCP 服务器实际名称，并将 URL 替换为您的 MCP 服务器地址。

概览

部分	可用性	说明/备注
概览	✅
提示模板列表	⛔	未找到
资源列表	⛔	未找到
工具列表	✅	get_sites, get_site
API 密钥安全存储	✅	使用环境变量
采样支持（评估时不重要）	⛔	未提及