Skill UI

Runs automated visual regression tests via Percy, Chromatic, or BackstopJS to capture component or page screenshots, compare them against baselines, and flag unintended UI changes during feature updates or CI/CD runs.

This skill guides the detection of unintended visual changes in user interface (UI) components. It works by capturing screenshots and performing pixel-by-pixel comparisons against approved baselines. It is essential for ensuring UI consistency across code changes, responsive breakpoints, and differing environments. Supports modern tools like Playwright, Percy, and BackstopJS.