技能说明
来自 mblode/agent-skills 的浏览器验收技能。它启动或连接目标应用,通过 Playwright 执行范围明确的探针,覆盖可访问性、点击目标、键盘焦点、布局偏移、视口压力、失败注入、主题/语言、控制台与网络、Web Vitals,并按规则编号记录证据。需要可访问的应用与浏览器自动化环境;应用无法启动、认证或测试数据未准备时应标为未知,而不是通过。它不是源码安全审计、视觉重设计、完整长期 Playwright 测试套件或像素差异服务。
关于此技能
用真实浏览器检查网页是否达到约定的体验与运行要求,输出带规则编号、可复现证据的验收结果。目标应用无法启动、认证或测试数据未准备、探针未执行时标为未知或跳过,不判通过。
核心能力
九类浏览器探针
按适用范围检查 axe 可访问性、点击目标尺寸、键盘焦点、布局偏移、视口压力、失败注入、主题与语言组合、控制台/网络和 Web Vitals。
证据优先
每项发现关联明确规则编号和可复核证据,区分通过、失败、未知与跳过,不把未执行检查算作通过。
修复后同条件复测
在相同页面、视口、主题和数据条件下重新运行相关探针,核对问题是否真正消除。
有清楚的适用边界
聚焦一次性浏览器验收;不替代源码安全审计、视觉重设计、长期完整测试套件、像素差异服务或真实用户监测。
适用场景
网页发布前验收
检查重点页面的键盘操作、点击热区、响应式溢出、错误状态和基础性能信号。
修复后复核
针对已知界面问题保留原测试条件,复跑相同探针并留存结果证据。
跨主题或语言检查
对浅色/深色主题及本地化页面进行有范围的浏览器覆盖检查。
使用步骤
- 01
确认环境可测
确认应用可以访问、浏览器自动化可用,且测试账号和必要数据已准备;不满足时记录为未知。
- 02
界定页面与条件
选定目标页面、视口、主题、语言和需要覆盖的状态,限定检查范围。
- 03
运行适用探针并留证
执行相关浏览器探针,按规则编号记录结果、截图或其他可复核证据;跳过项明确标注。
- 04
修复后同条件复测
保持原条件重跑相关检查,比较证据后再给出通过或未通过结论。
常见问题
运行它需要什么?+
需要目标应用可访问,并具备浏览器自动化/Playwright 页面操作能力;认证和测试数据也需提前准备。
没跑到的检查可以算通过吗?+
不可以。未执行、环境不可用或测试前置条件缺失时应标为跳过或未知。
它会重做整套页面视觉设计吗?+
不会。它负责范围明确、证据可复核的浏览器验收,不负责重设计、完整长期测试或像素差异比较。
安装前检查
把兼容性、来源和安装入口先看清楚,再放进自己的工作流。
Codex · Claude Code
已提供来源链接
命令可直接复制
2026/09/20
安装提醒:这项技能可能涉及网络、脚本、文件或凭据权限,安装前请先阅读 SKILL.md,并确认它需要哪些权限。
npx skills add https://github.com/mblode/agent-skills --skill ui-verification