1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | Webflow Asset Audit(asset-audit-webflow-webflow-skills) | — |
| 作者/维护者 | Webflow, Inc.(官方 GitHub 组织),子目录历史提交者含 Utkarsh Sengar、viratatwebflow、Adam Lehman 等具名员工 | GitHub API |
| 来源链接 | github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/asset-audit | — |
| 许可证 | MIT | GitHub API |
| GitHub Stars / Forks | 合集仓库整体 105 / 16(该数字属整个 webflow-skills 插件包,不代表本子技能自身热度) | GitHub API(认证取数) |
| 最新版本 | 插件清单 plugin.json 标注 “1.0.7”;SKILL.md 标注对应 Webflow MCP 2.0.1 工具集 | 仓库文件核实 |
| 安装方式 | Claude Code 插件市场一键安装,或 npx skills 跨 Agent CLI,或手工复制技能目录 |
官方 README |
2. 功能介绍与亮点
Asset Audit 是 Webflow 官方发布的站点图片资产 SEO 优化技能:连接 Webflow MCP 服务器后,批量扫描站点全部图片资产,找出缺失或质量不佳的 alt 文本、以及不利于 SEO 的文件命名,生成可审批的修复建议。
核心能力:
- 模式识别:自动识别相机直传(IMG_/DSC_)、截图、通用命名(untitled/image-1)、日期命名等常见问题命名模式,成规模时提示批量重命名
- 双维度优化:alt 文本(去除“图片/照片”等冗余表述、长度校验、必须以标点收尾)与文件名(转小写连字符、去特殊字符、避免重复扩展名)分别校验,可单独或同时生成
- 分批处理:50+ 资产自动分批(每批 20 个)并显示进度,避免超时
- 粒度化审批 + 回滚:逐条编号展示建议,支持“全部/跳过指定编号/全部跳过”,应用前先记录原始状态,5 分钟内可一键撤销
- 命名模板与文件夹建议:检测到 5 个以上相似资产时,提供命名模板选项与文件夹归类建议
与同仓库 site-audit(结构健康)、accessibility-audit(WCAG 合规)、link-checker(链接死链)分工明确——四者在 SKILL.md 中均显式声明各自边界,accessibility-audit 甚至明文将 alt 文本检测转交本技能处理,无功能重叠。
3. 适用场景
所属分类:前端与设计
适合运营图片密集型 Webflow 站点(电商、作品集、博客)的团队:网站上线前批量补齐 alt 文本以满足 SEO 与无障碍要求、迁移历史站点时清理相机直传/截图类的无意义文件名、定期 SEO 巡检发现新增资产的命名问题。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | README 提供官方插件市场安装命令与专属 skills 目录 ~/.claude/skills/ |
| Codex | 原生支持 | README 官方支持表格明确列出 OpenAI Codex,skills 目录路径 ~/.codex/skills/ |
| OpenClaw | 未验证 | README 未提及,无法判断 |
| Hermes Agent | 未验证 | README 未提及,无法判断 |
5. 推荐理由
图片 alt 文本缺失是网站 SEO 与无障碍审计里最常被忽视、也最耗体力的一项——逐张图片检查命名和文本人工做要花大量时间。这个技能把扫描、模式识别、生成建议、分批应用整套流程自动化,同时保留逐条审批与回滚,不会因批量操作而失控。官方持续维护(近一周内仍有工具名迁移提交),可直接随 Webflow MCP 工作流使用。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | 官方 Webflow 出品,所属合集仓库持续活跃维护,但作为子技能未检索到独立于官方描述之外的具名第三方评价 |
| 可用性 | 8 | 无需 Designer 会话,全程走 data_assets_tool 等只读/写 MCP 工具;SKILL.md 含完整分阶段指引、大量示例与校验规则;子目录本身有独立于批量迁移之外的针对性提交,最近一次维护距今约一周 |
| 安全性 | 9 | 见下方安全检查清单 |
安全检查清单:
- ①shell/权限:无 shell 执行,全部操作通过 Webflow MCP 工具(
data_assets_tool/get_asset_preview/data_sites_tool)完成,写操作仅限资产名称与 alt 文本 - ②联网外发:仅对用户已连接的 Webflow 站点自身资产做读取与更新,无第三方网络外发
- ③凭据:技能本身不索取或存储凭据,依赖用户已配置好的 Webflow MCP 连接
- ④可疑指令:全文通读未发现可疑指令或混淆代码;写操作前有分级审批、变更前自动记录回滚数据
- ⑤作者信誉:Webflow 官方仓库,具名员工持续提交,无刷星或自我造假迹象
- ⑥License:MIT,明确
- ⑦最近维护:子目录本身有 2026-01-09 专属功能增强提交与 2026-07-19 批量工具名迁移提交,近期仍在活跃维护
综合评分(三项均值):8.0
7. 跟同类 Skills 相比的优势
| 维度 | Webflow Asset Audit | AltText.ai(第三方付费 SaaS) |
|---|---|---|
| 形态 | Agent Skill,对话内触发,随 AI 编程助手运行 | 浏览器扩展 / 网站内嵌 JS 代码片段(InstantAlt) |
| 覆盖范围 | 仅 Webflow,同时优化 alt 文本与文件名 | 跨平台(Webflow/Squarespace 等),仅生成 alt 文本,不改文件名 |
| 审批机制 | 生成建议后逐条编号审批,可撤销 | InstantAlt 模式为站点级自动铺开,无人工逐条确认环节 |
| 计费 | 免费开源(MIT),随 Webflow MCP 使用 | 免费层 25 张图片额度,付费计划 $5/月起 |
| 命名规范化 | 内置驼峰/日期/截图等模式识别与批量重命名建议 | 不涉及文件命名 |
两者都解决“图片 SEO/无障碍缺陷”问题,但路径不同:Asset Audit 是 Webflow 官方免费技能,与 Agent 工作流深度集成,改动前有显式审批,且额外处理文件命名;AltText.ai 是跨平台付费服务,胜在“一次接入、全站自动覆盖”的省心程度,但需要按图片数付费且不做命名优化。已经在用 AI 编程助手管理 Webflow 站点的团队用 Asset Audit 零增量成本;需要多平台统一方案且不介意自动化无人审批的团队更适合 AltText.ai。
8. 用户评价
该技能目前在第三方平台尚无独立于官方描述之外的具名用户评价;第三方技能目录 mcpmarket.com 收录了该技能的介绍页,但未提供可验证的安装量或评分数据。
9. 其他补充
技能本身未标注独立版本号,随所属 webflow-skills 插件包统一发版(当前 1.0.7),SKILL.md 头部标注适配 Webflow MCP 协议版本 2.0.1。
10. 安装使用方式
- Claude Code 插件市场:
claude plugin marketplace add webflow/webflow-skills claude plugin install webflow-skills@webflow-skills - npx skills(跨 Agent CLI):
npx skills add https://github.com/webflow/webflow-skills --skill asset-audit - 手工复制:克隆仓库后,将
plugins/webflow-skills/skills/asset-audit目录复制到对应 Agent 的 skills 目录(如 Claude Code 的~/.claude/skills/)
安装后需预先配置好 Webflow MCP server 并完成账号鉴权,随后用触发短语(如“帮我审计一下站点的图片资产”)即可调用,无需重启 Agent。
11. 注意事项
- 图片内容分析依赖
get_asset_preview工具,若该工具调用失败会退回“从文件名提取描述”的兜底方案,生成的 alt 文本质量可能明显下降,需人工复核标记为兜底生成的条目 - 大型站点(数百张图片)分批处理耗时较长,建议分次处理而非一次性全站执行
- 命名规范化会永久改变文件名(原文件名若被外部系统引用可能失效),批准前建议确认哪些资产被第三方链接或代码直接引用