case-study-visual-qa

The QA half of the case-study pair: a screenshot matrix across all case-study routes at phone, desktop, and wide viewports, asserting the specific layout properties that have broken before — figure ratios, overflow, closing-image placement, hero visibility.

Layout regressions recur in the same handful of ways — and each one used to be found by a visitor, not by me. Asserting the previously-broken rules across every page and viewport turns each past failure into a standing check.

It runs before any case-study change ships. Each assertion exists because that exact thing once shipped broken; the skill is accumulated regression memory in executable form.

The whole method is downloadable and adaptable — skills/case-study-visual-qa/SKILL.md inside the zip, as a worked example of turning past visual bugs into a standing gate.