Webflow MCP Server
让AI代理通过MCP协议连接并操作Webflow网站内容
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Webflow MCP Server。 它的用途是：让AI代理通过MCP协议连接并操作Webflow网站内容 详细介绍见：https://321skill.com/skills/webflow-mcp-server/ 请根据该页面的说明完成安装。
使用示例
“帮我查看‘产品新闻’集合里最近一周的所有文章草稿，并把状态是‘待发布’的整理成一份Markdown列表给我。”，它会通过此Skill调用Webflow API获取指定集合的数据，过滤并格式化后返回给你。或者
对AI说：“在我们的主站博客发布一篇标题为‘季度更新’的新文章，内容就用我刚写好的这份文档。”，它会创建新的集合项并发布到指定页面。
介绍
这个Skill基于Node.js和MCP协议实现，主要解决AI代理无法直接与Webflow平台进行交互的问题。通过封装Webflow的API，它将网站管理、内容编辑等操作转化为AI可以理解和执行的标准化指令。
使用时，你需要先配置好Webflow的API密钥，然后将此MCP服务器连接到你的AI代理（如Claude Desktop）。之后，你就可以通过自然语言向AI下达指令，例如“获取我的网站列表”或“在博客页面发布一篇新文章”，AI会通过此Skill调用相应的Webflow API来完成操作。
这个Skill非常适合需要频繁管理Webflow网站内容，但又希望提高效率、减少重复手动操作的角色。它尤其适合那些已经使用AI代理来处理工作流的网站管理者、内容运营和前端开发者。
在使用前，请确保你拥有Webflow账户并已生成有效的API密钥。由于操作直接关联到线上网站，建议在非关键站点上先行测试，并注意权限管理，避免误操作。同时，需留意Webflow API本身的调用频率和功能限制。
核心特点
这是首个将Webflow官方API封装为MCP协议服务器的工具，实现了AI代理与无代码建站平台Webflow的深度集成。相比通用的HTTP请求工具，它提供了针对Webflow数据模型（如站点、集合、项目）的结构化工具，操作更直观、错误处理更友好。
注意事项
不适合需要复杂视觉设计或涉及Webflow编辑器内高级交互（如拖拽布局、动画编辑）的场景，主要专注于通过API进行内容管理和数据操作。
常见问题
需要Webflow的什么账户权限？
需要拥有Webflow工作区权限并生成具备相应操作范围（如读写内容）的API密钥。
能修改网站的CSS或HTML代码吗？
不能，此Skill主要针对内容管理（集合项、页面内容），不涉及直接修改网站代码或样式。