Design — URL To Code

Recreate a live site/page as an editable local frontend — faithful to the original and verified by comparison. Unlike image-to-code, you have the real HTML/CSS to extract from, so fidelity can be higher; the work is rebuilding it clean in your stack rather than copy-pasting markup.

When to use

• "Clone/rebuild this live site locally", "make it look like {url}".
• You want a real, editable starting point matching an existing site's design.
• Capturing a design language from a site you admire (legitimately — see rules).

When NOT to use

• The source is a static image/mockup, not a live URL → design-image-to-code.
• You need interactivity/flow wiring after → design-prototype.
• The goal is critique, not recreation → design-audit.

Inputs

• Source URL(s).
• Target stack: ask; default match repo, else React + Vite + Tailwind + TS.
• Scope: full clone vs "capture the design language only".