browser-qa

Verify web UI behavior, visuals, and accessibility against expected signals.

Updated Sep 13, 2025
One-click install
npx skills add https://github.com/llmh333/employee_management_spring --skill browser-qa-llmh333
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/llmh333/employee_management_spring/tree/main/.gemini/skills/browser-qa
Command: npx skills add https://github.com/llmh333/employee_management_spring --skill browser-qa-llmh333

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Browser QA prevents costly front-end regressions by ensuring pages render correctly, user flows work end-to-end, and accessibility and performance signals meet standards before you ship.

Core Features & Use Cases

  • Smoke Test for Live Health: Detects console and network failures, captures above-the-fold screenshots, and checks Core Web Vitals to catch obvious breakages early.
  • Interaction & Journey Verification: Validates navigation, form handling for both valid and invalid inputs, and critical authenticated flows like login and logout.
  • Visual Regression & Accessibility Checks: Compares screenshots across breakpoints to flag layout shifts and runs axe-core-style scans to surface WCAG AA issues and keyboard/screen reader problems.

Quick Start

Run browser-qa against the staging URL for the feature you just deployed and generate a report that includes smoke results, interaction outcomes, visual comparisons, and accessibility findings.

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 across responsive breakpoints?

Automate visual regression testing by capturing above-the-fold screenshots across responsive breakpoints and comparing them to expected layouts to flag visual shifts. This catches layout breakages early before shipping frontend changes.

How does Playwright browser automation verify authenticated user journeys?

Playwright browser automation verifies authenticated user journeys by driving navigation, form validation, and critical RBAC UI flows like login and logout. It checks live browser behavior against expected signals to ensure user flows work end-to-end.

How do I detect WCAG AA accessibility violations in a staging environment?

Detect WCAG AA accessibility violations by running axe-core-style scans during staging verification to surface keyboard and screen reader problems. This ensures pages meet accessibility standards before release.

Can I capture Core Web Vitals and console errors during PR validation?

Yes, you can capture Core Web Vitals and console errors during PR validation by running smoke tests against live preview URLs. This detects console and network failures alongside performance signals to catch obvious breakages early.

What is the best way to validate form handling for invalid inputs using browser automation?

Validate form handling for invalid inputs by using browser automation to submit both valid and invalid data, then checking live UI behavior against expected error signals. This verifies interaction logic and prevents front-end regressions.