zed
将Webflow MCP Server集成到Zed编辑器，实现网页内容与开发环境的无缝对接。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：zed。 它的用途是：将Webflow MCP Server集成到Zed编辑器，实现网页内容与开发环境的无缝对接。 完整的 Skill 内容见：https://321skill.com/skills/zed-zed-mcp-server-webflow/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“参考我们官网‘关于我们’页面的标题和第一段介绍文案，帮我生成一段类似的React组件描述文本。”，它会通过集成的Webflow MCP Server获取指定页面的实际内容，并以此为基础为你生成或调整代码。或者，在编写与网站交互的脚本时，你可以让它“获取产品列表页中所有产品的名称和链接”，以便直接用于数据映射或测试。
介绍
该Skill解决了在Zed编辑器内无法便捷访问和操作Webflow网站内容的问题。它通过集成Webflow的MCP（Model Context Protocol）服务器，将Webflow的内容管理能力直接引入Zed的AI助手上下文中。
使用时，您需要在Zed编辑器中配置此MCP服务器，之后便可在编辑器内通过AI助手直接查询、获取或引用Webflow网站上的特定内容，如文案、图片链接或页面结构，而无需离开编码环境手动查找。
它特别适合需要频繁参考或同步网站内容进行开发的全栈开发者、前端开发者和内容创作者。例如，在编写与网站UI联动的代码时，可以快速确认页面上的实际文案或元素。
建议在配置前确保已拥有Webflow站点的相应访问权限（如API密钥），并注意此工具主要用于内容获取和上下文增强，而非直接的网站编辑或内容发布。
核心特点
此Skill是专为Zed编辑器深度定制的Webflow集成方案，而非通用的MCP客户端，能更紧密地结合Zed的编辑器特性和工作流。它直接将Webflow的内容作为开发上下文的一部分，减少了在浏览器、CMS和IDE之间切换的成本。
注意事项
不适合需要直接在Zed内进行复杂网站内容编辑或发布工作流的场景。
常见问题
这个Skill能用来编辑Webflow网站吗？
不能，它主要用于从Webflow获取内容到Zed编辑器的上下文中，辅助开发，不提供编辑功能。
需要Webflow的API密钥吗？
是的，需要配置Webflow的MCP服务器，通常需要相应的API访问权限。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/zed-zed-mcp-server-webflow/raw/index.md 读取 zed 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/zed-zed-mcp-server-webflow/raw/index.md（查看排版版本）