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 格式),按其中说明在我的环境里完成安装和配置。