Webflow运营党必备！这个Claude Skill把重复建站操作全自动化了

建站运营党集合！你有没有被 Webflow 的重复操作折磨过？批量更新产品图、手动同步博客文章、上传一堆素材还要切来切去……每次都觉得自己像个搬运工。今天介绍一个 Claude Skill，帮你把这些机械活全部自动化。

它能做什么？

Webflow Automation 是一个专门给 Claude Code 用的 Skill，接入了 Composio 的 Rube MCP，把 Webflow 的所有核心操作都变成”说人话就能执行”的命令。

具体来说：

• CMS 内容批量管理——批量更新博客文章、产品列表、价格信息，不用一个个手动改
• 素材自动上传——AI 生成的海报图、产品图，直接语音让 Claude 上传到 Webflow 资产库，带 base64 编码和 MD5 校验
• 页面元数据检查——自动抓取页面 DOM 结构、SEO metadata，帮你检查有没有漏填
• 网站自动发布——内容改完，一句话让 Claude 推送到正式域名或子域名，不用再点发布按钮
• 电商订单监控——抓取订单数据、筛选状态，跟内部系统同步

用在哪几个场景最爽？

场景一：内容团队日常运营
每周要发布 5 篇博客、20 个产品更新——以前这是 2 小时的重复劳动。现在把内容整理成 CSV，让 Claude 批量读入、自动匹配字段、直接写进 Webflow CMS，10 分钟搞定。

场景二：多站点同步管理
手里有 3 个客户都用 Webflow，每次客户改了内容要手动同步——有了这个 Skill，直接对 Claude 说”把这批产品图同步到所有站点”，它自动操作，不用你一个个登录。

场景三：AI 素材自动入库
用 Midjourney 生成了一批配图，让 Claude 把图片 base64 编码后自动上传到 Webflow 资产库，并更新到对应 CMS 条目中——整条链路全自动。

怎么安装？

第一步：确保装了 Rube MCP（Composio 的工具集），不需要额外 API Key，加载 MCP 端点就行。

第二步：从 SkillsMP 或者直接用 npx skills add 安装：

npx skills add sickn33/agentic-awesome-skills --skill webflow-automation

第三步：在 Claude Code 里直接开干，比如：

• “把这批博客草稿批量发布到 Webflow CMS”
• “把 assets 文件夹里的图片上传到 Webflow，并更新产品页”
• “检查所有页面的 SEO metadata，把缺失的补上”

适合谁？

Webflow 重度用户、内容运营、代理公司管理多站点，以及正在用 Claude Code 做 AI 工作流的开发者。它把 Webflow 的可视化编辑能力和 Claude 的自动化执行能力接起来，省下的时间是真的香。

GitHub：https://github.com/sickn33/agentic-awesome-skills

GitHub: https://github.com/sickn33/agentic-awesome-skills