场景

浏览器 QA 工具包

一款紧凑型插件，用于基于浏览器的 QA，涵盖自动化交互、视觉验证和本地 Web 应用调试。

3 技能 1 安装次数

browsertestingautomationscreenshotsplaywright

4 天前更新

安装

运行此命令，安装该技能包中的全部技能：

npx skillstore add @browser-qa-kit

CLI 会自动检测 Codex 和 Claude Code 文件夹；如果两者都可用，就会同时安装。

概览

使用指南

由 AI 增强

详细指南

## 概述
Browser QA Kit 汇集了三项面向浏览器的 QA 技能，用于端到端 UI 检查：自动化 Playwright 交互、可视化截图验证，以及通过浏览器日志调试本地 Web 应用。当你需要测试真实 UI 行为，而不只是检查代码时，请使用它。

## 快速开始
1. 当你需要为 Web 应用或本地前端进行基于浏览器的 QA 时，请在你的 OpenClaw 工作区中安装该插件。
2. 使用 `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`) 自动检测开发服务器、操作页面、填写表单、验证登录流程、检查链接、捕获截图，并在 `/tmp` 下编写临时 Playwright 脚本。
3. 当你需要视觉验证时，使用 `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`)：驱动 Chrome 交互、选择元素、捕获截图，并确认关键 UI 状态看起来正确。
4. 使用 `webapp-testing` (`artemisai-webapp-testing`) 通过 Playwright、浏览器截图、浏览器日志和聚焦的前端行为检查来调试本地 Web 应用。

## 关键命令
- `playwright-browser-automation` — 自动化浏览器交互、响应式检查、登录流程、链接检查、截图，以及广泛的基于 Playwright 的网站验证。
- `browser-testing-with-screenshots` — 通过 Chrome 自动化、元素选择和截图捕获运行可视化浏览器测试，以确认 UI 功能。
- `webapp-testing` — 使用 Playwright 测试本地 Web 应用、检查浏览器日志、调试 UI 行为并捕获截图。

## 提示
- 从 `playwright-browser-automation` 开始进行完整流程覆盖，然后使用 `browser-testing-with-screenshots` 收集回归的视觉证据。
- 对于只能在本地复现的前端 bug，将 `webapp-testing` 截图与浏览器日志配合使用，这样修复既有视觉证据，也有运行时证据。
- 将截图作为外部 QA 证据保存，而不是提交到应用程序仓库中。