返回技能库
设计 / 验收精选

UI Verification 网页界面浏览器验收

用真实浏览器检查网页的焦点、点击热区、溢出、主题、失败状态和性能表现;记录可复核证据,并在修复后按相同条件复测。

查看安装方式

技能说明

来自 mblode/agent-skills 的浏览器验收技能。它启动或连接目标应用,通过 Playwright 执行范围明确的探针,覆盖可访问性、点击目标、键盘焦点、布局偏移、视口压力、失败注入、主题/语言、控制台与网络、Web Vitals,并按规则编号记录证据。需要可访问的应用与浏览器自动化环境;应用无法启动、认证或测试数据未准备时应标为未知,而不是通过。它不是源码安全审计、视觉重设计、完整长期 Playwright 测试套件或像素差异服务。

关于此技能

用真实浏览器检查网页是否达到约定的体验与运行要求,输出带规则编号、可复现证据的验收结果。目标应用无法启动、认证或测试数据未准备、探针未执行时标为未知或跳过,不判通过。

核心能力

九类浏览器探针

按适用范围检查 axe 可访问性、点击目标尺寸、键盘焦点、布局偏移、视口压力、失败注入、主题与语言组合、控制台/网络和 Web Vitals。

证据优先

每项发现关联明确规则编号和可复核证据,区分通过、失败、未知与跳过,不把未执行检查算作通过。

修复后同条件复测

在相同页面、视口、主题和数据条件下重新运行相关探针,核对问题是否真正消除。

有清楚的适用边界

聚焦一次性浏览器验收;不替代源码安全审计、视觉重设计、长期完整测试套件、像素差异服务或真实用户监测。

适用场景

网页发布前验收

检查重点页面的键盘操作、点击热区、响应式溢出、错误状态和基础性能信号。

修复后复核

针对已知界面问题保留原测试条件,复跑相同探针并留存结果证据。

跨主题或语言检查

对浅色/深色主题及本地化页面进行有范围的浏览器覆盖检查。

使用步骤

  1. 01

    确认环境可测

    确认应用可以访问、浏览器自动化可用,且测试账号和必要数据已准备;不满足时记录为未知。

  2. 02

    界定页面与条件

    选定目标页面、视口、主题、语言和需要覆盖的状态,限定检查范围。

  3. 03

    运行适用探针并留证

    执行相关浏览器探针,按规则编号记录结果、截图或其他可复核证据;跳过项明确标注。

  4. 04

    修复后同条件复测

    保持原条件重跑相关检查,比较证据后再给出通过或未通过结论。

常见问题

运行它需要什么?+

需要目标应用可访问,并具备浏览器自动化/Playwright 页面操作能力;认证和测试数据也需提前准备。

没跑到的检查可以算通过吗?+

不可以。未执行、环境不可用或测试前置条件缺失时应标为跳过或未知。

它会重做整套页面视觉设计吗?+

不会。它负责范围明确、证据可复核的浏览器验收,不负责重设计、完整长期测试或像素差异比较。

安装前检查

把兼容性、来源和安装入口先看清楚,再放进自己的工作流。

信息卡
兼容平台

Codex · Claude Code

来源状态

已提供来源链接

安装方式

命令可直接复制

最近整理

2026/09/20

安装提醒:这项技能可能涉及网络、脚本、文件或凭据权限,安装前请先阅读 SKILL.md,并确认它需要哪些权限。

安装命令
npx skills add https://github.com/mblode/agent-skills --skill ui-verification

适用平台与标签

CodexClaude Code#网页设计#浏览器验收#UI测试#可访问性#响应式#性能
UI Verification 网页界面浏览器验收 | AI 技能详情 - 小黑丸