Internal tool · Working prototype
An agent that crawls a website, hands page specs to a coding agent, and rebuilds the site in Next.js, checking each page against the original.
Illustrative preview. Real screenshots are added as they are cleared for publication.
- Type
- Internal tool
- Status
- Working prototype
- Disciplines
- AI agent · Automation · Developer tooling
- Stack
- Node.jsPlaywrightpixelmatchNext.jsTailwind CSSOpenCode
The challenge
Rebuilding a site by hand is slow and subjective. The goal: automate the rebuild, and verify it with measurable visual comparison instead of eyeballing.
Our approach
- 01Playwright crawls every page at mobile, tablet and desktop sizes and collects assets and design tokens.
- 02A per-page loop briefs a coding agent, then compares output to the original screenshots with pixel diffing before moving on.
- 03A local dashboard streams progress live so a human can follow and intervene.