Webflow MCP 服务器集成

“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

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

     WEBFLOW_API_TOKEN=your-api-token
     

4. 配置 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 服务器地址。

概览

根据上述两张表，Webflow MCP 服务器为 Webflow/AI 集成提供了清晰且实用的工具，但缺少提示模板、资源定义，以及对 roots 或采样的明确支持。针对 Claude 的设置和文档较为完善，其他平台暂未覆盖。

MCP 评分