1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | Webflow Accessibility Audit（accessibility-audit-webflow-webflow-skills） | — |
| 作者/维护者 | Webflow, Inc.（官方 GitHub 组织），主要提交者含 Adam Lehman、viratatwebflow 等具名员工 | GitHub API |
| 来源链接 | github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/accessibility-audit | — |
| 许可证 | MIT | GitHub API |
| GitHub Stars / Forks | 合集仓库整体 105 / 16（该数字属整个 webflow-skills 插件包，不代表本子技能自身热度） | GitHub API（认证取数） |
| 最新版本 | 插件清单 plugin.json 标注 “1.0.7” | 仓库文件核实 |
| 安装方式 | Claude Code 插件市场一键安装，或 npx skills 跨 Agent CLI，或手工复制技能目录 |
官方 README |
2. 功能介绍与亮点
Accessibility Audit 是 Webflow 官方发布的无障碍合规审计技能：连接 Webflow MCP 服务器后，对指定页面做 WCAG 2.1 审计，全程 headless 运行，无需打开 Webflow Designer。
核心能力：
- 结构化元素检测：提取按钮、链接、表单、标题、可交互 div/span 的 ARIA/DOM 属性与样式，识别图标按钮缺标签、表单无标签、焦点态丢失、标题层级跳跃、触控目标过小等问题
- 三档问题分级：Critical（WCAG A 级，阻断访问）、Serious（AA 级）、Moderate（体验优化项），每条附具体条款、当前代码与修复建议
- 0–100 无障碍评分，支持导出 Markdown/JSON/CSV
- 修复前逐项预览+显式批准：不会未经确认直接改动线上站点
- 与同仓库 asset-audit 职责互补：明确排除图片 alt 文本检测（交由 asset-audit 负责），避免重叠
官方 Webflow 出品，2026-07-19 刚完成一轮针对该技能的文档修复，维护活跃。
3. 适用场景
所属分类：前端与设计
适合使用 Webflow 搭建站点、需要满足 WCAG 无障碍合规要求但没有专职无障碍工程师的前端开发者、站点运营者与内容团队，尤其适合定期做无障碍健康检查、或在发布前排查 WCAG A/AA 级问题的场景。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | README 提供官方插件市场安装命令（claude plugin marketplace add + claude plugin install），skills 目录路径 ~/.claude/skills/ |
| Codex | 原生支持 | README 官方支持表格明确列出 OpenAI Codex，skills 目录路径 ~/.codex/skills/ |
| OpenClaw | 未验证 | README 未提及，无法判断 |
| Hermes Agent | 未验证 | README 未提及，无法判断 |
5. 推荐理由
Webflow 官方出品的无障碍审计技能，把 WCAG 合规检查从人工走查变成可重复执行的自动化流程：headless 运行不依赖 Designer 连接，三档分级降低非专业人士的理解门槛，修复前逐项批准避免“AI 自动改坏网站”的风险。对没有专职无障碍工程师、又需满足 ADA/WCAG 合规要求的中小团队，能显著降低操作门槛与人力成本。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | 官方 Webflow 出品且持续维护，但作为合集仓库内的子技能，暂无独立于仓库整体的第三方讨论证据 |
| 可用性 | 8 | 需预先配置 Webflow MCP server 与账号连接，但 README 提供清晰的四步 Quick Setup；SKILL.md 含完整分阶段流程与多个真实示例；2026-07-19 刚完成针对性文档维护 |
| 安全性 | 9 | 见下方安全检查清单 |
安全检查清单：
- ①shell/权限：无 shell 执行，全部操作通过 Webflow MCP 工具完成，仅作用于目标页面元素属性
- ②联网外发：仅通过用户自行配置的 Webflow MCP 服务器与账号通信，无额外外发目标
- ③凭据：技能本身不索取或存储凭据，依赖用户已配置好的 MCP 连接
- ④可疑指令：未发现可疑指令或混淆代码；SKILL.md 单列 “Safety Rules” 章节，要求修复前预览并逐项批准
- ⑤作者信誉：Webflow 官方仓库，多位具名员工持续提交
- ⑥License：MIT，明确
- ⑦最近维护：2026-07-19 有过专项文档修复，近日活跃
综合评分（三项均值）：8.0
7. 跟同类 Skills 相比的优势
| 维度 | Webflow Accessibility Audit | accessibility-addyosmani-web-quality-skills |
|---|---|---|
| 定位 | 针对 Webflow 站点的实时自动化审计工具，通过 MCP 直接读取页面元素并可执行修复 | 通用 WCAG 2.2 修复模式参考库，纯 Markdown 静态内容，不绑定任何平台 |
| 运行方式 | 需连接 Webflow MCP server，对指定页面 ID 做 headless 扫描 | 零配置，安装即用，靠 AI 对照参考文件手写修复代码 |
| 覆盖标准 | WCAG 2.1，聚焦按钮/表单/链接/焦点/标题/键盘导航等结构性问题，并给 0–100 评分 | WCAG 2.2 四原则（POUR）全条款速查，区分 A/AA/AAA 三档合规等级 |
| 适用平台 | 仅限 Webflow 站点 | 任意技术栈的网页项目 |
两者互补而非替代：Webflow 这款是“平台内置的自动检测+修复助手”，开发者不必自己把 WCAG 条款翻译成代码；addyosmani 这款是“通用无障碍知识库”，覆盖面更广但需自己应用到项目里。用 Webflow 建站的团队更适合前者的一体化工作流，需覆盖非 Webflow 项目或更细颗粒度条款时更适合后者。
8. 用户评价
该技能目前在第三方平台（skills.sh、playbooks.com、mcpservers.org 等）仅有目录型收录条目，尚无独立于官方描述之外的具名用户评价内容。
9. 其他补充
同仓库姊妹技能（designer-tools）曾于 2026-07-08 被外部用户报告 MCP 工具名与实际服务器接口不符；Webflow 官方于 2026-07-19 在含本技能在内的 5 个技能中同步完成修复。
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 accessibility-audit - 手工复制：克隆仓库后，将
plugins/webflow-skills/skills/accessibility-audit目录复制到对应 Agent 的 skills 目录（如 Claude Code 的~/.claude/skills/）
安装后需预先在 MCP 环境中配置好 Webflow MCP server 并完成 Webflow 账号鉴权，随后用触发短语（如“审计我的无障碍问题”）即可调用；无需重启 Agent。
11. 注意事项
- 不检测图片 alt 文本、颜色对比度、动画/闪烁偏好、屏幕阅读器实测效果与内容可读性，需人工或 asset-audit 等其他技能补充
- 仅对已连接的 Webflow 站点生效，非 Webflow 项目无法使用
- 自动生成的修复建议仍需人工逐项确认后才会应用，不能替代真人无障碍测试