Visual Validation — Gate 5 Three-Layer Comparison

This skill teaches Claude how to perform Gate 5 visual replication validation — the ultimate test of extraction accuracy. If components built from extracted tokens look like the originals, the extraction is correct.

Three-Layer Validation Architecture

Layer 1: Automated Pixel Comparison

Uses pixelmatch to compute pixel-level similarity between original and replica screenshots.

python scripts/pixel_compare.py --original ./components/original/ --replica ./components/replica/ --output ./comparison/

Thresholds per component: