visual-regression-lab

What problem does it solve?

This Skill verifies the visual correctness of a website by checking screenshots, console errors, and network interactions, ensuring it renders correctly across multiple viewports and browsers.

Core Features & Use Cases

• Visual QA: Execute visual quality checks to catch layout and rendering issues.
• Viewport Checks: Test the website on desktop and mobile devices for consistency.
• Console/Network Checks: Inspect console errors and failed network requests for debugging.
• Overflow Detection: Identify elements that overflow their designated spaces.
• Media and Canvas Verification: Validate images, videos, and canvas elements are rendering correctly.
• Responsive Polish Review: Ensure interactive elements work as expected across different devices.

Quick Start

Use the visual-regression-lab skill to inspect the visual quality of my web application.