How to Clone Any Website with AI in Under 2 Minutes
Show Claude a URL; it returns a fully editable Sitelas site that matches the original's layout, palette, and structure. Here's how the cloning pipeline works.
Sitelas Team
See a site you like? Hand Claude the URL. The Sitelas connector exposes a capture_url tool that returns a screenshot, a simplified DOM tree, and detected brand tokens — enough for Claude's vision to compose a replica as a fully editable Sitelas site.
How it works end to end
- In any Claude chat with the Sitelas connector installed: "Clone https://linear.app for my product landing page."
- Claude calls
capture_url. A Fly.io-hosted Playwright service loads the target URL, takes a full-page screenshot, and emits a simplified DOM plus extracted color and typography tokens. - Claude's multimodal vision reads the screenshot alongside the DOM. It picks the closest archetype from the 42-template library — usually a SaaS landing template like
flagshipornimbus. - Claude calls
create_site_from_templatewith the captured brand overrides, then runspatch_nodesto align copy and structure, andreplace_images_from_searchfor hero imagery. - Result: a Sitelas site at
yoursubdomain.sitelas.comwith the captured palette, type pairing, and layout — fully editable.
What gets captured
- Layout structure — header, hero shape, section rhythm, footer.
- Color palette — primary, accent, background, surface, text.
- Typography pairing — heading and body families.
- Heading hierarchy and approximate copy length per section.
- CTA placement and density.
What doesn't
- Proprietary images — Claude swaps to stock or generated imagery.
- Custom animations / JS-only interactions.
- Backend functionality (forms, auth, databases — those rebuild on Sitelas primitives).
- Pixel-perfect reproduction — it's a structural recreation, not a copy.
When cloning works best
As a starting point, not a final product. Clone a site you admire, then iterate via chat: "Make the hero taller", "Switch to a warmer palette", "Replace the testimonials with a logo wall". Each follow-up is a patch_fixture or patch_nodes call against the same site.
Editor path
The same capture_url tool is wired into the in-editor AI chat at yourname.sitelas.com/edit. Paste a URL; Gemini composes the replica. Cost: AI credits from your $5 free balance or a $5 top-up.
Legal note
Cloning produces a structural recreation, not a copy. Always replace the captured copy and imagery with your own before publishing — treat the captured site as design inspiration, not a deliverable.
Sitelas Team
The Sitelas team writes about building and operating websites through chat — the Claude.ai connector, the in-editor AI chat, form integrations, and everything that ships in the box.