From Screenshot to Code: AI-Powered Design Cloning and Verification

See a live AI demo that clones any website into an editable sandbox, from capturing the live site to generating React code and verifying design matches.

Overview

Live demo of an AI pipeline I made that takes any website URL and recreates it in an editable sandbox. The system:

Captures a live site using Playwright (screenshots, DOM, styles)
Uses Claude to analyze the design and generate a React clone
Creates an instant editable sandbox with the cloned site
Verifies the clone matches the original using design contracts
Suggests and applies CSS fixes for any differences

I’ll show the full loop: paste a URL → AI analyzes it → generates code → live preview appears → iterate with chat to refine. No Figma access needed, no manual coding - just point at any site and get an
editable clone.

Tech stack