---
id: visual-regression-v1
prd: null
title: Visual regression v1 — Playwright screenshot infrastructure
type: epic
status: done
features: [tooling, ci]
created: 2026-05-13
---

## Goal

Install Playwright and wire a screenshot test harness against Storybook so
the moment the first component+story lands, the visual regression gate
is already active.

## Why

Per the frontend-work-shape guide, visual regression is the CI gate that
locks in component appearance. Setting up the infrastructure now means
zero ramp-up when components arrive.

## Stories

- [x] [01 — Install Playwright + config](01-playwright-install/_story.md)
- [x] [02 — Storybook visual test harness](02-storybook-visual-tests/_story.md)
- [x] [03 — CI integration](03-ci-integration/_story.md)