Webflow MCP服务器
连接Claude与Webflow,实现站点管理与内容操作的AI助手。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:Webflow MCP服务器。 它的用途是:连接Claude与Webflow,实现站点管理与内容操作的AI助手。 完整的 Skill 内容见:https://321skill.com/skills/webflow-mcp服务器/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在‘产品发布’集合里创建一篇新文章,标题是‘春季新品上市’,内容草稿是……,并设置为已发布状态。”,它会通过Webflow API在您的指定集合中创建并发布这篇新文章。或者
对AI说:“查看我网站上最近一周新发布的博客文章有哪些?”,它会调用API获取文章列表并整理成清晰的摘要给您。
介绍
这个Skill解决了内容创作者、营销人员和网站管理员在管理Webflow站点时,需要频繁登录后台进行手动操作的低效问题。它通过将Claude与Webflow API对接,让用户可以直接通过自然语言对话来管理站点内容、获取数据。
使用时,您需要配置好Webflow的API密钥。之后,在支持的AI工具中,您就可以直接向Claude发出指令,例如“获取我网站上所有博客文章的标题”或“在‘新闻’集合中发布一篇新文章”,Claude会通过这个Skill调用API并执行操作。
它非常适合需要高效管理Webflow站点的角色,如内容创作者、营销专员和电商运营人员,他们可以借此摆脱繁琐的点击操作,专注于内容与策略本身。
建议在使用前,先在Webflow后台为API密钥设置最小必要权限,并熟悉Webflow的集合(Collections)和站点结构,以便更精准地发出指令。注意,它主要处理内容层面的操作,复杂的站点设计修改可能仍需在Webflow设计器中完成。
核心特点
这是首个专门为Claude深度集成Webflow API而设计的MCP服务器,实现了通过自然语言直接管理Webflow站点内容和数据,无需编写中间脚本或使用其他通用HTTP工具进行桥接。
注意事项
不适合需要进行复杂视觉设计、修改站点CSS/HTML结构或处理非内容数据的场景。
常见问题
如何获取Webflow API密钥?
在Webflow官网登录后,进入项目设置(Project Settings)的集成(Integrations)页面,即可生成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(查看排版版本)