skills.rest
Davie521
Davie521COMMUNITY
Explore all skills by this author →
GitHub

browser-qa

Automate browser-based visual QA and accessibility checks on live web pages.

7|Updated Mar 4, 2026
Search Tags:#automation#accessibility#qa#ui-testing#browser#visual-testing
One-click install
npx skills add https://github.com/Davie521/claude-skills --skill browser-qa-davie521
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/Davie521/claude-skills/tree/main/plugins/quality/skills/browser-qa
Command: npx skills add https://github.com/Davie521/claude-skills --skill browser-qa-davie521

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser-based QA to verify UI behavior, visual consistency, and accessibility across live pages, reducing manual testing time and catching regressions early.

Core Features & Use Cases

  • Smoke testing across pages and routes to detect console errors, failed network requests, and core performance signals.
  • Interaction testing to validate navigation, form submissions, authentication flow, and critical user journeys.
  • Visual regression checks by capturing screenshots at multiple breakpoints and flagging layout or styling regressions.
  • Accessibility verification using automated checks to flag WCAG-worthy issues and keyboard navigation gaps.

Quick Start

Run a smoke test against the staging URL to generate an initial QA report.

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 UI testing for web apps?▼

Automate visual UI testing by capturing screenshots at multiple breakpoints and flagging layout or styling regressions against baseline references. This verifies visual consistency across live pages and reduces manual testing time during staging deployments or PR reviews.

Can I run accessibility checks on live web pages during regression testing?▼

Yes, you can run accessibility checks on live web pages to flag WCAG-worthy issues and keyboard navigation gaps. Automated verification scans your staging deployments or PR reviews to catch accessibility regressions early without manual audits.

What do I need to perform browser-based visual QA on staging deployments?▼

To perform browser-based visual QA, you need a browser MCP like claude-in-chrome, Playwright, or Puppeteer, plus baseline screenshots for comparison. These dependencies enable automated smoke testing and interaction testing on your live web pages.

Does browser automation work for smoke testing navigation and form submissions?▼

Browser automation supports smoke testing navigation, form submissions, and authentication flows through interaction testing. It validates critical user journeys across pages and routes while detecting console errors, failed network requests, and core performance signals.

What is the best way to catch UI regressions across multiple breakpoints?▼

The best way to catch UI regressions is visual regression testing that captures screenshots at multiple breakpoints and compares them against baseline references. This automated approach flags layout or styling regressions across pages during ongoing regression testing.

Related Skills

Explore More Software Engineering Skills→
Sake-TeamSake-Team

browser-qa

Automate visual testing and UI interaction verification with browser automation tools.

Official
Advanced
GDSDNGDSDN
3

qa-browser-console-check

Scan web application browser consoles for errors, warnings, and failed network requests.

Community
Intermediate
mahg-esmahg-es
3

cicd-pipeline

Generate CI/CD pipelines with lint, build, test, and deploy stages.

Official
Advanced
nimadorostkarnimadorostkar
25

visual-qa

Automate visual regression testing and responsive layout verification with Playwright.

Community
Advanced