Glance Test
DebugBase/glance
Run E2E browser tests on any web application using Glance MCP.
Automate visual testing and UI interaction verification using browser automation after deployment.
Install Browser QA
$ npx skills add affaan-m/ECC --skill browser-qa -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install affaan-m/ECC browser-qa --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .claude/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .claude/skills/browser-qa && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .claude/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qaType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add affaan-m/ECC --skill browser-qa -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install affaan-m/ECC browser-qa --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .agents/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .agents/skills/browser-qa && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .agents/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add affaan-m/ECC --skill browser-qa -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install affaan-m/ECC browser-qa --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .cursor/skills/browser-qa && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .cursor/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/affaan-m/ECC.git --path docs/zh-CN/skills/browser-qa--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add affaan-m/ECC --skill browser-qa -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install affaan-m/ECC browser-qa --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .gemini/skills/browser-qa && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .gemini/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install affaan-m/ECC browser-qaInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add affaan-m/ECC --skill browser-qa -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .github/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .github/skills/browser-qa && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .github/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add affaan-m/ECC --skill browser-qa -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install affaan-m/ECC browser-qa --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/docs/zh-CN/skills/browser-qa .opencode/skills/browser-qa && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "browser-qa" agent skill from https://github.com/affaan-m/ECC/tree/main/docs/zh-CN/skills/browser-qa into .opencode/skills/browser-qa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-qa", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
browser-qa- GitHub stars
- 276k
- Token cost
- ~370 tokens
- SKILL.md length
- 51 words
- Files
- 1
- Skills in repo
- 673
- Repo updated
- First seen
- Licence
- MIT
At a glance
Automate visual testing and UI interaction verification using browser automation after deployment.
- Tasks that involve Browser automation
- SKILL.md covers When to use, How it works, Examples and 集成
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve Visual regression testing
What it does
Browser QA is an agent skill from affaan-m/ECC. Automate visual testing and UI interaction verification using browser automation after deployment.
Its SKILL.md is about 370 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Productivity & Automation, covering Browser automation, Visual regression testing and Deployment. It works with Model Context Protocol. The repository describes itself as: The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond. The licence is MIT.
When your agent uses it
- Tasks that involve Browser automation
- Tasks that involve Visual regression testing
- Tasks that involve Deployment
Example prompts
- “/browser-qa”
What it can do on your machine
Read from SKILL.md and the folder at commit ef648e0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Browser QA loads about 370 tokens when it runs. Until then it costs about 27 tokens; SKILL.md has 51 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from affaan-m/ECC at commit ef648e0, republished under its MIT licence (© affaan-m). 51 words, ~370 tokens.
Download SKILL.mdSave it as
.claude/skills/browser-qa/SKILL.md (or your agent's skills folder).- name
- browser-qa
- description
- Automate visual testing and UI interaction verification using browser automation after deployment.
- metadata.origin
- ECC
Browser QA — 自动化视觉测试与交互验证
When to use
- 功能部署到 staging / preview 之后
- 需要验证跨页面的 UI 行为时
- 发布前确认布局、表单和交互是否真的可用
- 审查涉及前端改动的 PR 时
- 做可访问性审计和响应式测试时
How it works
使用浏览器自动化 MCP（claude-in-chrome、Playwright 或 Puppeteer），像真实用户一样与线上页面交互。
阶段 1：冒烟测试
1. 打开目标 URL
2. 检查控制台错误（过滤噪声：分析脚本、第三方库）
3. 验证网络请求中没有 4xx / 5xx
4. 在桌面和移动端视口截图首屏内容
5. 检查 Core Web Vitals：LCP < 2.5s，CLS < 0.1，INP < 200ms阶段 2：交互测试
1. 点击所有导航链接，验证没有死链
2. 使用有效数据提交表单，验证成功态
3. 使用无效数据提交表单，验证错误态
4. 测试认证流程：登录 → 受保护页面 → 登出
5. 测试关键用户路径（结账、引导、搜索）阶段 3：视觉回归
1. 在 3 个断点（375px、768px、1440px）对关键页面截图
2. 与基线截图对比（如果已保存）
3. 标记 > 5px 的布局偏移、缺失元素、内容溢出
4. 如适用，检查暗色模式阶段 4：可访问性
1. 在每个页面运行 axe-core 或等价工具
2. 标记 WCAG AA 违规（对比度、标签、焦点顺序）
3. 验证键盘导航可以端到端工作
4. 检查屏幕阅读器地标Examples
## QA 报告 — [URL] — [timestamp]
### 冒烟测试
- 控制台错误：0 个严重错误，2 个警告（分析脚本噪声）
- 网络：全部 200/304，无失败请求
- Core Web Vitals：LCP 1.2s，CLS 0.02，INP 89ms
### 交互
- [done] 导航链接：12/12 正常
- [issue] 联系表单：无效邮箱缺少错误态
- [done] 认证流程：登录 / 登出正常
### 视觉
- [issue] Hero 区域在 375px 视口下溢出
- [done] 暗色模式：所有页面一致
### 可访问性
- 2 个 AA 级违规：Hero 图片缺少 alt 文本，页脚链接对比度过低
### 结论：修复后可发布（2 个问题，0 个阻塞项）集成
可与任意浏览器 MCP 配合：
mChild__claude-in-chrome__*工具（推荐，直接使用你的真实 Chrome）- 通过
mcp__browserbase__*使用 Playwright - 直接运行 Puppeteer 脚本
可与 /canary-watch 搭配用于发布后的持续监控。
© affaan-m, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in docs/zh-CN/skills/browser-qa of affaan-m/ECC.
Open the folder on GitHubat commit ef648e0
Compare with similar skills
Browser QA next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Browser QA this skillaffaan-m/ECC | 276k | — | ~370 | Automated safety check: Pass | MIT | |
| Glance TestDebugBase/glance | 156 | — | ~827 | Automated safety check: Pass | MIT | |
| Playwright Testingchongdashu/vibejam-starter-pack | 149 | — | ~2.2k | Automated safety check: Pass | None | |
| Sap Sac Test Automationsecondsky/sap-skills | 462 | — | ~4.2k | Automated safety check: Pass | GPL-3.0 | |
| AIPex Browser ControlAIPexStudio/AIPex | 1.3k | — | ~1.8k | Automated safety check: Pass | MIT | |
| Gsd Browsergsd-build/gsd-browser | 268 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Playwright Testing
chongdashu/vibejam-starter-pack
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y.
Sap Sac Test Automation
secondsky/sap-skills
SAP Analytics Cloud (SAC) automated testing skill for designing capability-gated browser discovery and deterministic Playwright test suites for SAC stories, dashboards, reports, planning workflows…
AIPex Browser Control
AIPexStudio/AIPex
Lets an agent drive Chrome through the AIPex extension and its MCP bridge: navigation, clicking, form filling, screenshots, tab management and downloads.
Gsd Browser
gsd-build/gsd-browser
Native Rust browser automation CLI for AI agents. An agent skill from gsd-build/gsd-browser.
Isolated Linux Agent Workspace
agent-sh/agent-workspace-linux
Drives a hidden, agent-owned Linux desktop and browser over MCP for GUI testing and web automation without touching the user's real desktop.
More from affaan-m/ECC
All 673 skills in this repoSkill Stocktake
affaan-m/ECC
Audits your installed Claude skills and commands for quality, with a quick mode for recently changed skills and a full mode that evaluates all of them through subagents.
VideoDB Video Search and Editing
affaan-m/ECC
Ingests, indexes, searches, edits and monitors video, audio and live streams through the VideoDB Python SDK, returning stream links, clips and timestamps.
Rules Distillation
affaan-m/ECC
Scans installed skills for principles that recur across them and proposes rule-file changes: append, revise, add a section, create a file or leave as covered.
Master Agreement Generator
affaan-m/ECC
Builds DRAFT counterparty agreements from one markdown template and a small JSON spec per party, with clauses picked by the party's role.
Skill Compliance Checker
affaan-m/ECC
Measures whether agents actually follow a skill, rule or agent definition by generating scenarios at three strictness levels and scoring tool-call traces.
Continuous Learning V2
affaan-m/ECC
Instinct-based learning system that observes sessions via hooks, creates atomic instincts with confidence scoring, and evolves them into skills/commands/agents.
Related
Works with
Categories
Questions about Browser QA
What does Browser QA do?
Automate visual testing and UI interaction verification using browser automation after deployment. Browser QA is an agent skill from affaan-m/ECC. Automate visual testing and UI interaction verification using browser automation after deployment.
When should I use Browser QA?
Browser QA fits situations like: tasks that involve Browser automation; tasks that involve Visual regression testing; tasks that involve Deployment.
How do I install Browser QA in Claude Code?
Run `npx skills add affaan-m/ECC --skill browser-qa -a claude-code`. Or copy the skill folder (docs/zh-CN/skills/browser-qa in affaan-m/ECC) into .claude/skills/browser-qa in your project. Claude Code loads it when a task matches its description.
How do I install Browser QA in Codex?
Run `npx skills add affaan-m/ECC --skill browser-qa -a codex`. Or copy the skill folder (docs/zh-CN/skills/browser-qa in affaan-m/ECC) into .agents/skills/browser-qa in your project. Codex loads it when a task matches its description.
Can I use Browser QA in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add affaan-m/ECC --skill browser-qa -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/browser-qa, .gemini/skills/browser-qa, .github/skills/browser-qa and .opencode/skills/browser-qa in your project.
What does Browser QA need to run?
SKILL.md names no scripts, command-line tools or credentials: Browser QA is instructions for the agent only.
Does Browser QA access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Browser QA safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Browser QA use?
Browser QA is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Browser QA use?
About 370 tokens (SKILL.md is roughly 1.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Browser QA?
Skills that share tags, products or a category with Browser QA: Glance Test (DebugBase/glance, 156 stars), Playwright Testing (chongdashu/vibejam-starter-pack, 149 stars), Sap Sac Test Automation (secondsky/sap-skills, 462 stars) and AIPex Browser Control (AIPexStudio/AIPex, 1.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Browser QA?
affaan-m (a GitHub user) maintains it in affaan-m/ECC, which has 275,546 GitHub stars. The repository holds 673 skills in this directory. The repository was last updated on October 5, 2026.
Source: affaan-m/ECC on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.