Copy any website with AI — what AI is good at here, and what it invents

Paste a URL into a chat model and ask it to clone the page and you will get something that looks like a page of that kind. Right sort of hero, invented spacing, approximated colours, made-up copy. It is a pastiche, and if you compare it against the original at pixel level it is not close — because the model never saw the page. It read the words "linear.app" and produced what a site called that might look like.

The fix is not a better prompt. It is giving the model the actual measurements.

The workflow that works

1. Capture the rendered page in your browser: DOM, computed styles, fonts, assets, the settled state of animations.
2. Reduce it to a brief a model can act on — the type scale in real numbers, the palette as hex values, the spacing rhythm, the grid, the breakpoints, the component inventory, and the assets as files.
3. Give the agent that brief plus your stack — "rebuild this in Next.js with Tailwind, these tokens, these components".
4. Diff the result against the original and iterate on the differences, not on adjectives.

Steps 1 and 2 are mechanical, which is exactly why they should not be a model's job. CopyAnySite's AI dev kit export is that step: a folder containing the rebuilt markup, the extracted stylesheet, the assets, and a written spec of the page — tokens, structure, behaviour notes — in a form Cursor, Claude, Bolt or Lovable can build from directly. There is also an MCP server, so an agent can request a capture itself rather than being handed one.

Detail and an example kit: turning a website into an AI prompt kit and copy a website with AI.

What AI genuinely adds

• Porting, not copying: the same design expressed in your framework and component conventions.
• Naming and structure: turning a captured section into sensible components and tokens.
• Content replacement: rewriting the copy so you ship your own words, which is the step that makes the whole exercise legitimate.
• Explaining a technique you captured and want to understand.

What it does not add

Fidelity. A model asked to reproduce a layout from memory drifts on every number that matters — 17px vs 18px, #0A1826 vs #0B1A28, a 72px gap that was 80. Our measured benchmark exists because those drifts are invisible in a description and obvious in a diff. Capture is a measurement problem, and measurement wants a renderer, not a language model.

Anyone marketing an "AI website cloner" that only takes a URL is doing one of two things: running a real headless browser and calling it AI, or generating an approximation. The first is fine and has nothing to do with AI. The second will not survive a comparison.

BYOK, and why

The AI features in the extension use your own API key — OpenAI, Anthropic, or a local model endpoint. That is deliberate: your captures and your prompts go to a provider you chose and pay directly, we never proxy the content, and you can point it at a local model and take us out of the loop entirely.

FAQ

Can AI copy a website exactly?

No. A language model has not seen the page and cannot measure it, so it approximates. Exact copying needs a renderer reading the real DOM and computed styles; AI is useful afterwards, for porting the captured design into your stack.

What is an AI dev kit export?

A folder a coding agent can build from: rebuilt markup, extracted CSS, the page's assets, and a written spec of tokens, structure and behaviour — so the agent works from measurements instead of guesses.

Which AI tools does this work with?

Anything that reads a folder or speaks MCP: Cursor, Claude, Bolt, Lovable, Windsurf, Copilot. The kit is plain files plus a spec, not a proprietary format.

Do I need to pay for AI separately?

Yes, bring your own key. Requests go from your browser to the provider you configured; we do not proxy or store them.

Keep reading

Clone any website — what a clone can and cannot include

Clone" promises more than any tool delivers. Here is the part of a website that genuinely clones, the part that never will, and how to tell which you need.

A Chrome extension that copies any website — how it works, and why in-browser wins

Why a browser extension copies pages that URL-based tools cannot, what CopyAnySite's MV3 extension actually does with the page, and what permissions it needs.

Copy any website's design — the layout, type and palette, not the content

How to extract a site's real design decisions — type scale, spacing rhythm, palette, grid, motion — and reuse them legitimately instead of copying the page itself.

Copy any website free — the options, and where each one breaks

Five genuinely free ways to copy any website, what each keeps, where each falls apart, and the measured fidelity of every one with the original server offline.