# case-study-visual-qa

A screenshot matrix across every case study at three viewports, asserting the layout rules that have broken before.

## What it is
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.

## Why
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.

## How Andrew uses it
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.

## How to get it
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.

_Distilled from: portfolio .claude/skills/case-study-visual-qa/SKILL.md_
