mcpField
W
Webflow

Webflow

远程服务
pipeworx.io开发工具05 周前更新

关于 Webflow

Webflow MCP 服务用于读取已连接 Webflow 账户中的站点和 CMS 数据,适合需要检查站点、集合及内容记录的 Agent 与客户端。

主要功能

  1. 01列出可访问的站点
  2. 02获取站点元数据
  3. 03列出 CMS 集合
  4. 04分页浏览集合项目
  5. 05读取单个集合项目

适用场景

  1. 01发现账户可访问的站点
  2. 02检查站点的 CMS 结构
  3. 03读取博客文章、产品或团队记录

MCP 相关

通过 Pipeworx 或本地 stdio 服务,向 MCP 客户端提供 Webflow 站点与 CMS 检查工具。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://gateway.pipeworx.io/webflow/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

mcp-webflow

Webflow MCP 工具包

属于 Pipeworx — 一个将 AI Agent 连接到 1684+ 个实时数据源的 MCP 网关。

工具

工具描述
list_sites列出已连接账户可访问的所有 Webflow 网站。返回每个网站的 ID、显示名称、简称、预览 URL、上次发布时间和自定义域名。在读取网站的 CMS 集合或网站内容之前,可用此工具发现有哪些 Webflow 网站。
get_site根据 ID 获取单个 Webflow 网站的元数据,包括显示名称、简称、预览 URL、时区、上次发布时间和自定义域名。可在使用 list_sites 后调用,以便在浏览其 CMS 集合和内容之前检查特定网站。
list_collections列出 Webflow 网站中定义的 CMS 集合。返回每个集合的 ID、显示名称、别名、单数名称、创建时间和上次更新时间。在列出或读取集合项(即实际网站内容)之前,可用此工具了解网站的 CMS 结构。
list_collection_items列出 Webflow CMS 集合中的项目(记录)——例如博客文章、产品或团队成员等实时网站内容。分页返回项目及其 ID、草稿/归档状态、上次发布时间和 fieldData(CMS 字段值)。可用此工具读取 Webflow 集合中存储的实际内容。
get_collection_item根据 ID 获取 Webflow CMS 集合中的单个项目(记录)。返回项目的 ID、草稿/归档状态、上次发布时间和 fieldData(完整的 CMS 字段值)。可在使用 list_collection_items 后调用,以详细读取一条 Webflow 网站内容。

快速开始

添加到 MCP 客户端(Claude Desktop、Cursor、Windsurf 等):

{
  "mcpServers": {
    "webflow": {
      "url": "https://gateway.pipeworx.io/webflow/mcp"
    }
  }
}
此端点实际提供的内容

https://gateway.pipeworx.io/webflow/mcp 上的 tools/list 会返回上表中的工具,以及 Pipeworx 的共享元工具——ask_pipeworx、discover_tools、search_within、remember/recall,以及网关级工具集中的其他工具。因此,你看到的工具数量会多于此表:目前,单工具包端点会在该工具包自身的工具之外,列出约 30 个共享工具。连接的 initialize 响应会说明其准确范围,是当天适用情况的权威依据。

这是有意为之,并非意外复用。元工具让限定范围的连接能够通过 ask_pipeworx 回答此工具包未涵盖的问题;该工具会跨整个目录路由,因此无需添加第二个 MCP 服务。目前无法挂载不包含这些工具的工具包端点;如果额外的架构所需上下文超过路由带来的价值,请连接一次完整网关,而不是连接多个工具包端点。

也可以连接完整的 Pipeworx 网关,直接列出所有工具包的工具,而不只是当前工具包的工具:

{
  "mcpServers": {
    "pipeworx": {
      "url": "https://gateway.pipeworx.io/mcp"
    }
  }
}

两个 URL 都连接到同一个网关和相同的 1684+ 个数据源。唯一的区别是哪些工具包的工具会被直接列出;无论连接哪一个,ask_pipeworx 都能访问所有工具。

没有 MCP 客户端?通过 HTTP 调用

此工具包基于已连接的 Webflow 账户运行,因此需要 Pipeworx 密钥:在 https://pipeworx.io/account 登录,连接 Webflow,然后调用 POST https://gateway.pipeworx.io/v1/tools/list_sites,并附上 Authorization: Bearer <your Pipeworx key>。检查任意工具:GET https://gateway.pipeworx.io/v1/tools/list_sites。查找工具:使用 {"query":"..."} 调用 POST https://gateway.pipeworx.io/v1/tools/search_packs。

独立运行(无需网关账户)

此软件包也可作为本地 stdio MCP 服务运行——无需 Pipeworx 账户,也无需与网关往返通信:

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "@pipeworx/mcp-webflow"]
    }
  }
}

也可以直接运行,以确认其能够启动:

npx -y @pipeworx/mcp-webflow

它通过 stdin/stdout 使用 MCP 通信,并针对仅此工具包的工具响应 initialize/tools/list/tools/call——不包含上文网关连接所添加的任何共享元工具。使用相同的源代码和工具,但不提供 ask_pipeworx 路由。

与 ask_pipeworx 搭配使用

你可以用自然语言提问,而不是直接调用工具 —— 这适用于上面的工具包端点,也适用于完整网关:

ask_pipeworx({ question: "your question about Webflow data" })

网关会选择合适的工具并自动填写参数。

更多

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。