skills.rest
GGEdu
GGEduCOMMUNITY
Explore all skills by this author →
GitHub

browser-qa

Automate browser-based visual testing and UI interaction verification across breakpoints.

Updated Mar 31, 2026
Search Tags:#accessibility#qa#playwright#puppeteer#browser#visual-testing
One-click install
npx skills add https://github.com/GGEdu/claude-god-mode-template --skill browser-qa-ggedu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/GGEdu/claude-god-mode-template/tree/main/skills/browser-qa
Command: npx skills add https://github.com/GGEdu/claude-god-mode-template --skill browser-qa-ggedu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser-based visual testing and UI interaction verification to ensure features work as intended after deployment.

Core Features & Use Cases

  • Uses a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer) to interact with live pages like a real user.
  • Phase-based testing: Smoke Test, Interaction Test, Visual Regression, and Accessibility checks on target URLs.
  • Outputs a structured QA report with findings across console, network, visuals, and accessibility metrics.

Quick Start

Run the browser QA workflow on the target URL to execute smoke, interaction, visual regression, and accessibility tests.

Frequently Asked Questions about browser-qa

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual regression testing for my staging deployment?▼

You can automate visual UI QA on staging or preview deployments by executing phase-based tests through a browser automation MCP like Playwright or Puppeteer. The workflow runs smoke tests, interaction flows, visual regression checks, and accessibility audits to validate pages across breakpoints.

Can I run accessibility audits and interaction tests with Playwright?▼

Yes, you can run accessibility audits and interaction tests with Playwright by executing the phase-based browser QA workflow. It interacts with live pages to verify UI interactions and audit accessibility metrics, outputting findings into a structured QA report covering console, network, visuals, and accessibility.

What is browser-based visual testing and how does it verify UI interactions?▼

Browser-based visual testing is an automated process using browser automation to interact with live pages like a real user. It verifies UI interactions through phase-based smoke tests, interaction flows, and visual regression checks across breakpoints to ensure features work as intended after deployment.

Do I need a specific browser automation MCP to perform visual regression checks?▼

Yes, you need a browser automation MCP such as claude-in-chrome, Playwright, or Puppeteer to perform visual regression checks. The workflow requires one of these tools to interact with live pages, execute phase-based tests, and generate a structured QA report with findings.

What is included in the structured QA report for visual UI testing?▼

The structured QA report for visual UI testing includes findings across console, network, visuals, and accessibility metrics. It aggregates results from smoke tests, interaction tests, visual regression checks, and accessibility audits executed on target URLs during the browser automation workflow.

Related Skills

Explore More Software Engineering Skills→
b-open-iob-open-io
14

dev-browser

Automate browser navigation, interaction, and content extraction for UI testing.

Official
Advanced
petbrainspetbrains
13

frontend-playwright

Identify visual regressions across viewports and interactions before deployment.

Official
Intermediate
kk20300113-pngkk20300113-png

land-and-deploy

Merge pull requests and verify production health via canary checks.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced