Design Spine
Screenshots every route of a Next.js app in every state, width and theme, flags what broke, and puts it all on one contact sheet where a person approves or rejects each screen. Approved screens become baselines, and CI fails when a screen drifts.
- Role
- Creator
- Years
- 2026
- Status
- Live
Most UI gets checked in one state: the happy path, at desktop width, in light mode.
The build
A local CLI plans the route and state matrix from the app directory, captures each one at 390 and 1280 pixels in light and dark, and checks for console errors, overflow, blank regions, broken images and clipped text. Only a person can approve a screen.
What shipped
Published on npm as design-spine. Runs locally, with no account.