古法编程

用 AI 自动化 Webflow 建站、发布与订单管理

解决 Webflow 内容更新繁琐痛点：通过 AI 连接 Rube MCP 工具，自动执行 CMS 列表、编辑、发布、素材上传及电商订单查询，无需手动登录后台操作，极大提升建站运营效率。

为什么需要这个技能

Webflow 虽然功能强大，但手动管理 CMS 集合、上传素材、发布页面往往需要反复登录账号。特别是涉及批量更新文章或商品时，效率较低。

本技能通过 Composio 的 Webflow 工具套件，结合 Rube MCP 服务器，让 AI 助手能够直接调用 Webflow API。它不仅能查看站点和集合结构，还能安全地创建、更新内容并一键发布到生产环境，甚至直接读取电商订单状态。

适用场景

  • AI 需要自动整理并更新 Webflow 博客文章或商品数据时。
  • 需要批量上传大量图片素材或设计资源到特定文件夹时。
  • AI 需要查询未发货订单详情并生成状态报告时。
  • 需要检查多站点配置或执行从草稿到上线的发布流程时。

核心工作流

1. 环境准备与连接

前置条件：

  • 确保 Rube MCP 已连接（可用 RUBE_SEARCH_TOOLS 验证）。
  • 使用 RUBE_MANAGE_CONNECTIONS 建立 Webflow 连接，授权必要范围（如 cms:write 或 ecommerce）。
  • 务必先运行 WEBFLOW_LIST_WEBFLOW_SITES 获取站点 ID，这是后续操作的基础。

2. 管理 CMS 内容（创建/更新/删除）

典型流程：

  1. 调用 WEBFLOW_GET_COLLECTION 获取集合 schema，确定字段 slug（如 name, slug）。
  2. 创建：使用 WEBFLOW_CREATE_COLLECTION_ITEM，参数包含 collection_id 和 field_data。注意 slug 必须是低敏小写字母，file_content 需为 Base64 编码。
  3. 更新：使用 WEBFLOW_UPDATE_COLLECTION_ITEM，必须提供现有的 item_id（24 位十六进制 ObjectId）。
  4. 删除：使用 WEBFLOW_DELETE_COLLECTION_ITEM 永久移除项目。
  5. 发布：调用 WEBFLOW_PUBLISH_SITE 将内容推送到线上。注意此操作有 1 次/分钟的频率限制，且会发布该站点所有待发布变更。

3. 站点与页面管理

  • 列出页面：WEBFLOW_LIST_PAGES 支持分页（offset/limit），适合多语言站点。
  • 获取详情：WEBFLOW_GET_PAGE 获取元数据，WEBFLOW_GET_PAGE_DOM 获取节点结构而非渲染 HTML。
  • 域名管理：获取站点信息时查看 customDomains 数组以获取域 ID 用于发布配置。

4. 素材上传

使用 WEBFLOW_UPLOAD_ASSET 上传文件。注意 file_content 必须是文件的 Base64 编码字符串，不能是 URL 占位符，且必须附带计算好的 md5 哈希值。

5. 电商订单查询

  • 列表：WEBFLOW_LIST_ORDERS 可过滤订单状态。
  • 详情：WEBFLOW_GET_ORDER 获取特定订单信息。
  • 限制：该技能仅支持读取订单，不支持创建或修改订单。

常见陷阱与注意事项

  • 字段 Slug 陷阱：Webflow 要求操作时使用字段 slug（如 author-name），而非显示名称（如 Author Name）。务必先查询 Schema。
  • ID 格式：所有 ID（站点、项目、页面）均为 24 位十六进制字符串，不匹配将返回 404。
  • 发布风险：PUBLISH_SITE 是生产级操作，会发布所有草稿，执行前请确认无其他待发布内容。
  • 权限问题：如果报错 403，检查 OAuth 授权范围是否包含对应操作（如 sites:read 或 cms:write）。
  • 大文件限制：上传大文件时注意超时问题，建议控制文件大小。

下载和安装

下载 webflow-automation 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。

你可能还需要

暂无推荐