visual-testing

Automate Playwright visual regression, accessibility, and performance checks across browsers.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/asmortongpt/Fleet-AzureDevOps --skill visual-testing-asmortongpt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-testing
Source: https://github.com/asmortongpt/Fleet-AzureDevOps/tree/main/.claude/skills/visual-testing
Command: npx skills add https://github.com/asmortongpt/Fleet-AzureDevOps --skill visual-testing-asmortongpt

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Visual regressions and UI breakages are hard to detect across browsers and devices; this skill provides automated end-to-end UI testing, visual regression checks, accessibility audits, and performance profiling to catch issues early.

Core Features & Use Cases

  • Automated end-to-end testing with Playwright across Chromium, Firefox, and WebKit.
  • Visual regression via Percy/BackstopJS/Lighthouse and automated accessibility checks.
  • Performance metrics and reporting with integrated audit trails.
  • Use Case: After UI changes, deployments, or design updates, verify across desktop and mobile layouts with automated reports.

Quick Start

Install dependencies and run the Playwright tests to start spidering and visual audits.

Frequently Asked Questions about visual-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual regression testing across multiple browsers?

Automate visual regression testing across browsers using Playwright to orchestrate end-to-end tests. It validates UI changes by capturing screenshots across Chromium, Firefox, and WebKit, then integrates with Percy or BackstopJS to generate visual comparison reports.

Can I run accessibility audits alongside end-to-end UI tests?

Yes, you can run accessibility audits during end-to-end UI tests. The skill integrates Axe accessibility analysis directly within the Playwright test orchestration flow, capturing automated accessibility checks alongside visual regression validations.

What's the best way to validate responsive layouts on desktop and mobile?

Validate responsive layouts on desktop and mobile through automated Playwright test orchestration. The skill configures viewport sizing for both desktop and mobile layouts, capturing visual regressions and performance metrics across different screen dimensions.

Does this visual testing skill support automated spidering for web applications?

Yes, this visual testing skill supports automated spidering for web applications. It systematically crawls application pages, capturing visual snapshots and running accessibility audits to detect UI breakages and visual regressions across the site.

How do I track performance metrics during end-to-end web testing?

Track performance metrics during end-to-end web testing using the integrated Lighthouse profiling. The skill captures performance metrics and generates reporting with integrated audit trails during the automated Playwright test execution.

When should I use Playwright over other tools for visual testing?

Use Playwright for visual testing when you need cross-browser coverage across Chromium, Firefox, and WebKit. It provides integrated test orchestration combining visual regression, accessibility analysis, and performance checks in a single automated workflow.