browser-qa

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/contentbugvideoediting/cb-project-assistant --skill browser-qa-contentbugvideoediting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/contentbugvideoediting/cb-project-assistant/tree/main/services/cb-s-claude/vendor/s-claude/skills-library/browser-qa
Command: npx skills add https://github.com/contentbugvideoediting/cb-project-assistant --skill browser-qa-contentbugvideoediting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates browser-based visual testing and UI interaction verification to catch regressions after feature deployments, reducing manual QA effort and speeding up release cycles.

Core Features & Use Cases

  • Automated smoke checks: navigate to a target URL, detect console errors, validate network responses, and capture above-the-fold screenshots across desktop and mobile breakpoints.
  • Interaction and flow testing: validate navigation, form submissions, login/logout, and key user journeys to ensure critical paths work reliably.
  • Visual regression and accessibility: generate baseline screenshots, compare against baselines, run accessibility audits with axe-core, and flag issues across breakpoints.

Quick Start

Run the browser-qa skill against your staging URL to generate a comprehensive automated 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 regression testing for staging deployments?

Automated visual regression testing captures baseline screenshots of staging deployments and compares subsequent changes to detect UI regressions. It coordinates browser automation to navigate target URLs, capture above-the-fold screenshots across breakpoints, and generate a structured QA report.

Can I run accessibility checks with axe-core during browser automation?

Yes, accessibility checks with axe-core can be run during browser automation. The visual regression workflow integrates axe-core audits to flag accessibility issues across multiple desktop and mobile breakpoints while verifying UI interactions.

How does UI interaction testing validate critical user journeys?

UI interaction testing validates critical user journeys by automating browser interactions like navigation, form submissions, and login/logout flows. This ensures key paths work reliably and captures console errors or invalid network responses during execution.

Does browser QA work with Playwright or Puppeteer for frontend PR changes?

Yes, browser QA coordinates Playwright or Puppeteer to automate frontend PR change verification. It applies browser automation to navigate preview deployments, capture screenshots, and execute interaction testing to catch regressions before release.

What is automated smoke testing for live web pages?

Automated smoke testing for live pages navigates to a target URL to detect console errors, validate network responses, and capture above-the-fold screenshots. It checks desktop and mobile breakpoints to produce a structured QA report for staging environments.