skills.rest
ThalesAndrades
ThalesAndradesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

browser-qa

Automate visual and functional web testing with Playwright and Puppeteer.

Updated Aug 23, 2026
Search Tags:#accessibility#browser automation#regression#playwright#visual testing#ui verification
One-click install
npx skills add https://github.com/ThalesAndrades/forumfoup2026 --skill browser-qa-thalesandrades
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-qa
Source: https://github.com/ThalesAndrades/forumfoup2026/tree/main/.claude/skills/browser-qa
Command: npx skills add https://github.com/ThalesAndrades/forumfoup2026 --skill browser-qa-thalesandrades

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Automates visual testing and UI interaction verification to ensure web interfaces operate correctly and look consistent across deployments.

Core Features & Use Cases

  • Visual Regression Testing: Capture and compare screenshots across different breakpoints and dark mode settings to detect layout shifts and missing elements.
  • Interaction Verification: Automate clicking links, submitting forms, and testing user flows like login and checkout to identify broken functionalities.
  • Accessibility Checks: Run accessibility audits with axe-core, verify focus order, contrast, and screen reader landmarks to meet compliance standards.
  • Use Case: Developers deploy a new frontend version and want to ensure no visual regressions or accessibility violations before release by running comprehensive automated tests.

Quick Start

Run the browser automation scripts to perform visual comparisons and verify UI components on a staging environment.

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 different viewports and dark mode settings?▼

Automate visual regression testing by capturing and comparing screenshots across multiple breakpoints and dark mode settings to detect layout shifts and missing elements. This ensures UI consistency before deploying new frontend versions.

Can I use Playwright to verify user flows like login and checkout?▼

Yes, you can use Playwright to automate interaction verification for user flows like login and checkout. It handles clicking links and submitting forms to identify broken functionalities in your web interfaces.

How do I run accessibility checks for WCAG compliance using browser automation?▼

Run accessibility checks using axe-core with browser automation to verify focus order, color contrast, and screen reader landmarks. This ensures your web interfaces meet compliance standards during continuous testing workflows.

What's the best way to integrate UI verification into continuous testing workflows?▼

The best way to integrate UI verification is running browser automation scripts for visual comparisons and interaction checks on a staging environment. This combines regression testing and accessibility audits into your continuous testing workflows.

Does browser automation support both Puppeteer and Playwright for frontend quality assurance?▼

Yes, frontend quality assurance is supported through browser automation libraries like Playwright and Puppeteer. These tools drive visual testing, interaction verification, and accessibility audits across multiple viewports.

Why does visual regression testing fail to detect missing elements across breakpoints?▼

Visual regression testing may fail if screenshots are not captured across all required breakpoints and dark mode settings. Ensure your browser automation scripts cover all viewports to properly detect layout shifts and missing elements.

Related Skills

Explore More Design & Creative Skills→
Shaarav4795Shaarav4795

responsiveness-check

Detect website layout breaks across viewport widths and breakpoints.

Community
Advanced
vobasevobase
59

audit

Audit UI interfaces for accessibility, performance, theming, and responsive design.

Official
Intermediate
RepairYourTechRepairYourTech
6

github-actions

Create and manage CI/CD pipelines with GitHub Actions workflows.

Community
Advanced
klu-devklu-dev
2

browser-qa

Automate visual and interactive web testing with browser automation frameworks.

Community
Advanced