Webflow MCP
让AI代理通过MCP协议直接操作Webflow网站内容
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Webflow MCP。 它的用途是：让AI代理通过MCP协议直接操作Webflow网站内容 完整的 Skill 内容见：https://321skill.com/skills/webflow-mcp/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我把这篇新博客文章发布到公司官网的‘新闻’合集里。”，它会通过Webflow MCP Skill连接到你的网站，创建新的博客文章条目，并填充标题、内容和发布日期等信息。或者
对AI说：“检查一下产品页面所有‘立即购买’按钮的链接是否正确。”，它会遍历指定页面的内容模块，校验按钮链接并报告问题。
介绍
Webflow MCP Skill是一个基于Node.js实现的MCP（Model Context Protocol）服务器，它充当了AI代理与Webflow API之间的桥梁。它解决了AI代理无法直接与Webflow这类无代码建站平台交互的问题，让AI能够读取、创建和修改网站内容。
使用此Skill时，你需要将其作为MCP服务器配置到支持MCP的AI客户端（如Claude Desktop）中。配置成功后，AI代理便获得了调用Webflow API的能力，可以直接在你的授权下对网站进行操作。
这个Skill非常适合需要频繁更新网站内容、管理多个站点或希望自动化内容发布流程的Webflow网站管理员、内容创作者和营销运营人员。对于开发者而言，它也是一个将AI能力集成到Webflow工作流中的便捷工具。
使用前请确保你拥有Webflow账户并已创建站点，同时需要准备好Webflow API访问令牌。由于操作直接作用于线上网站，建议在非关键站点或草稿状态下先行测试，并注意管理好API密钥的权限，避免误操作。
核心特点
这是首个将MCP协议与Webflow API深度集成的Skill，为AI代理提供了原生的、无需额外中间件的Webflow操作能力，而非简单的API调用封装。它严格遵循MCP规范，能无缝接入Claude等支持MCP的AI平台，实现对话式网站管理。
注意事项
此Skill仅适用于拥有Webflow站点并开通了API访问权限的用户，无法用于管理其他建站平台或本地网站。
常见问题
什么是MCP？
MCP（Model Context Protocol）是Anthropic推出的一个协议，用于让AI模型安全、标准化地使用外部工具和数据源。
我需要Webflow开发知识吗？
不需要，但你需要有Webflow账户、站点和API令牌，并了解基本的网站内容结构。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/webflow-mcp/raw/index.md 读取 Webflow MCP 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/webflow-mcp/raw/index.md（查看排版版本）