1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | Webflow Site Audit(site-audit-webflow-webflow-skills) |
| 作者/维护者 | Webflow, Inc.(webflow 官方 GitHub 组织),主要提交者含 viratatwebflow、learyjk、jallegretti-webflow 等多名具名 Webflow 员工 |
| 来源链接 | github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/site-audit |
| 许可证 | MIT(GitHub API 与仓库根目录 LICENSE 文件双重确认) |
| GitHub Stars | 合集仓库整体 105(GitHub API);该数字属整个 webflow-skills 插件包,不代表本技能自身热度 |
| Forks | 合集仓库整体 16(GitHub API) |
| 最新版本 | 插件清单 plugin.json 标注 “1.0.7” |
| 安装方式 | Claude Code 插件市场一键安装,或 npx skills 跨 Agent CLI,或手工复制技能目录 |
2. 功能介绍与亮点
Site Audit 是 Webflow 官方发布的站点结构审计技能:连接 Webflow MCP 服务器后,自动盘点目标站点的全部页面与 CMS 集合,生成结构化的健康度报告。
核心能力:
- 页面清单:区分静态页面、CMS 模板页面、归档页面、草稿页面,识别缺失 SEO 元数据的页面、无导航链接指向的孤立页面、重复 slug
- CMS 集合分析:逐个集合读取字段 schema、条目数量、必填字段完整度,标记空集合、无模板页引用的未使用集合、条目数超过 100 的大型集合
- 健康评分与建议:给出 0–100 的内容健康分,附优势、待改进项与具体行动建议
- 多格式导出:可将审计结果导出为 Markdown、JSON、CSV 或纯文本摘要,便于归档或用于站点迁移规划
亮点:该技能所有操作均为只读查询(list_sites、get_site、list_pages、get_collection_list 等),不写入、不发布、不修改站点任何内容;所属 webflow-skills 插件包已被 Webflow 官方开发者文档专设变更日志页面宣布支持 Claude Code,并配有完整安装指南;仓库有 10 余名具名 Webflow 员工持续提交,收到过外部用户提交的真实 bug report(工具名过期问题),显示已有真实用户在使用。
3. 适用场景
所属分类:前端与设计
适用于使用 Webflow 构建企业官网、营销落地页或内容型网站的初中级开发者、站点运营者与自由职业设计师——尤其是接手他人遗留的 Webflow 站点需要快速摸清页面与 CMS 结构、或站点上线一段时间后需要定期体检查漏补缺的场景。
4. 跨 Agent 兼容性
- Claude Code:原生支持 ✅——README 提供插件市场安装命令,仓库另含
.claude-plugin清单 - Codex:原生支持 ✅——仓库另含
.codex-plugin清单,README 列出~/.codex/skills/手工安装路径 - OpenClaw:未验证 ❓——README 未提及,仅泛称“支持 Agent Skills 标准的任意 Agent”
- Hermes Agent:未验证 ❓——README 未提及
补充:README 另明确列出 Cursor、OpenCode、Pi 的安装路径,多平台覆盖面在同类厂商技能包中较完整;OpenClaw 与 Hermes Agent 的实际兼容性证据不足,坦然标注未验证。
5. 推荐理由
Webflow 官方把“站点体检”这件原本要在 Designer 里逐页面、逐集合手工翻查的工作,变成一句自然语言就能触发的结构化审计:多少页面缺 SEO 元数据、哪些 CMS 集合是空的、字段完整度如何,一次性给出并可导出归档。技能全程只读,不会误操作发布或修改站点,配置门槛主要是接入官方 Webflow MCP 服务器(一条命令加 OAuth 认证),对接手他人 Webflow 站点或需要定期做内容健康检查的用户价值明确。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | Webflow 为知名建站 SaaS 厂商,技能由官方组织发布并配有专门的开发者文档变更日志宣布;仓库有 10 余名具名员工持续提交,收到外部用户真实 bug 反馈;但作为插件包内的子技能,尚未见独立于官方渠道之外的第三方平台活跃讨论 |
| 可用性 | 8 | 仅需 Webflow 账号(免费 Starter 层即可,无需付费席位)与一条命令接入官方 Webflow MCP 服务器;SKILL.md 含分阶段说明与真实示例输出;技能目录最近一次实质更新约 2 个半月前,仓库整体近日仍有提交 |
| 安全性 | 9 | 见下方安全检查清单 |
安全检查清单:
| 检查项 | 结果 |
|---|---|
| ① Shell 命令与权限范围 | 无本地 Shell 命令,全部操作通过 Webflow 官方 MCP 协议的只读工具调用完成 |
| ② 运行时联网外发 | 仅与用户自行接入的官方端点 mcp.webflow.com 通信,读取用户自己站点数据,目标透明 |
| ③ API Key/凭据存储 | 采用 Webflow MCP 标准 OAuth 认证流程,技能本身不要求用户手动填写或存储密钥 |
| ④ 可疑指令排查 | 通读 SKILL.md 全文未发现提示注入或隐蔽指令迹象 |
| ⑤ 作者/组织信誉 | Webflow, Inc. 为知名建站 SaaS 公司,多名具名员工账号提交,无刷星或自我造假迹象 |
| ⑥ License | MIT,仓库根目录 LICENSE 文件与插件清单双重确认 |
| ⑦ 最近维护 | 技能目录约 2 个半月前有实质更新,仓库整体近日仍持续提交,非弃置项目 |
7. 跟同类 Skills 相比的优势
| 方案 | 定位 | 与 Site Audit 的差异 |
|---|---|---|
| Webflow 原生“健康扫描”面板 | Webflow Designer 内置的站点健康检查功能,给出 0–100 分与分类标签页 | 只能在网页界面里手动点开查看,无法被 Agent 对话式调用,也不能导出为 Markdown/JSON/CSV 供后续处理或归档 |
| 通用网页无障碍/质量扫描类技能 | 面向任意网站的自动化质量扫描,不限定建站平台 | 不理解 Webflow 特有的 CMS 集合字段 schema、模板页与静态页的区分,只能给出通用页面层面的检查结果 |
| 第三方 SEO 爬虫类工具 | 面向任意网站的技术 SEO 审计,通常需另购订阅 | 通用爬虫按 URL 遍历,无法读取 Webflow CMS 集合内部的字段关系与条目完整度,也不具备“识别孤立页面/未使用集合”这类平台原生结构洞察 |
Site Audit 的差异化在于:它是唯一能在对话式 Agent 里直接调用、且深度理解 Webflow 页面与 CMS 集合结构关系的只读审计工具,产出可直接导出归档的结构化报告。
8. 用户评价
该技能目前在第三方平台尚无具名用户评价。
9. 其他补充
该技能是 webflow-skills 官方插件包的一部分,同一插件包内还含 CMS 批量更新、资源优化、无障碍审计、安全发布、Figma 设计稿转建站等二十余项技能,供有相关需求的用户在同一插件市场条目下按需触发。
10. 安装使用方式
Claude Code:
claude plugin marketplace add webflow/webflow-skills
claude plugin install webflow-skills@webflow-skills
跨 Agent 安装 CLI:
npx skills add https://github.com/webflow/webflow-skills
手工安装:
git clone https://github.com/webflow/webflow-skills.git
# 将 plugins/webflow-skills/skills/site-audit 目录复制到对应 Agent 的 skills 目录
安装后需先接入 Webflow MCP 服务器并完成账号授权:
claude mcp add --transport http webflow https://mcp.webflow.com/mcp
随后按提示完成 OAuth 认证,即可用类似“审计一下我这个 Webflow 站点”的提示语触发。
11. 注意事项
- 审计范围限于站点结构(页面、CMS 集合、SEO 元数据),不包含视觉设计、性能加载速度等维度
- 使用前需拥有 Webflow 账号并完成 Webflow MCP 服务器的一次性接入与授权,纯静态本地站点或未托管在 Webflow 的项目无法使用
- 目前仅验证了 Claude Code 与 Codex 的官方安装路径,OpenClaw 与 Hermes Agent 的兼容性未经验证
- 作为插件包内的一个子技能,安装后该插件包内其余二十余项技能会一并进入 Agent 的技能列表