browser-qa

Automate visual regression, interaction, and accessibility tests on web pages.

1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/Michae2xl/claude-skills-michael --skill browser-qa-michae2xl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/Michae2xl/claude-skills-michael/tree/main/skills/browser-qa
Command: npx skills add https://github.com/Michae2xl/claude-skills-michael --skill browser-qa-michae2xl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires claude-in-chrome, playwright, puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates visual testing and interaction for UI verification, ensuring UI behavior across pages is consistent and functional before deployment.

Core Features & Use Cases

  • Automated Visual Testing: Performs automated visual regression testing on web pages.
  • Interaction Testing: Simulates user interactions like clicks, form submissions, and authentication flows.
  • Accessibility Testing: Checks for WCAG AA violations and keyboard navigation.
  • Use Case: Before shipping a new feature, use this Skill to perform a comprehensive QA test on the UI, including smoke tests, interaction tests, visual regression tests, and accessibility checks.

Quick Start

Run the browser-qa skill to perform a full QA test on the staging environment of your web application.

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 UI verification?

Visual regression testing for UI verification is automated by capturing baseline screenshots and comparing them against subsequent page renders. This Skill executes these comparisons across web pages to detect visual deviations before deployment.

Can I use Playwright or Puppeteer for interaction testing like clicks and form submissions?

Yes, interaction testing supports Playwright and Puppeteer to simulate user interactions like clicks, form submissions, and authentication flows. This verifies that UI behavior across pages remains functional under typical user inputs.

Does browser automation support accessibility checks for WCAG AA violations?

Accessibility checks for WCAG AA violations and keyboard navigation are supported through browser automation. The Skill evaluates web pages to ensure compliance and identifies barriers that hinder assistive technology interaction.

What do I need to set up before running automated visual regression tests?

Running automated visual regression tests requires setup of a baseline for comparison and configuration for accessibility checks. You must establish these baseline snapshots in your staging environment before executing the QA test.

Does Claude-in-Chrome work with smoke tests for comprehensive UI testing?

Claude-in-Chrome works with smoke tests, interaction tests, visual regression tests, and accessibility checks to perform comprehensive UI testing. It automates these browser interactions to verify consistent UI behavior across pages.

When should I not use browser automation for UI verification?

Browser automation for UI verification is not ideal when lacking a baseline for visual regression or when the staging environment is unavailable. Without configured accessibility checks and established baselines, automated QA results will be incomplete.