Sitelas
HomeTemplatesPricingBlogDocs
Blog
Clone Any Website With Ai
SitelasMenu
HomeTemplatesPricingBlogDocs
Sitelas
HomeTemplatesPricingBlogDocs
Blog
Clone Any Website With Ai
SitelasMenu
HomeTemplatesPricingBlogDocs
  1. Home
  2. Blog
  3. How to Clone Any Website with AI in Under 2 Minutes
AI TipsGetting Started

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.

Usman Haider

Usman Haider

June 12, 20262 min read
Cover: a symmetrical brick facade with regular glass windows, with the headline "Any site, rebuilt in two minutes."
Cover: a symmetrical brick facade with regular glass windows, with the headline "Any site, rebuilt in two minutes."

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

  1. In any Claude chat with the Sitelas connector installed: "Clone https://linear.app for my product landing page."
  2. 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.
  3. 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 flagship or nimbus.
  4. Claude calls create_site_from_template with the captured brand overrides, then runs patch_nodes to align copy and structure, and replace_images_from_search for hero imagery.
  5. Result: a Sitelas site at yoursubdomain.sitelas.com with 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 — $10 a month included with Pro, or a top-up on any plan.

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.

Related Templates

Try these templates to get started.

FlagshipNimbusBase Folio
Back to Blog
Share:TwitterLinkedIn
Usman Haider

Usman Haider

Founder of Sitelas — the website builder for AI agents.

Related Articles

Check the Site Before You Publish It
Getting Started

Check the Site Before You Publish It

A site built from a ready-made design starts with somebody else's name, email and products inside it — and the leftovers hide in the places a page-by-page rewrite never reaches. Here is the sentence to say before you publish, and what it actually found on two real sites.

4 min read
Build and Run a Website From Cursor, VS Code, or Gemini CLI
Getting Started

Build and Run a Website From Cursor, VS Code, or Gemini CLI

Sitelas is a connector, not an app — so the agent already in your editor can build your site and then keep running it. Here is the config for Cursor, VS Code, Gemini CLI and Claude Code, the first sentence to say, and the real site an agent built through it.

6 min read
Add Sitelas to Claude in One Click — Then Say This First
Getting Started

Add Sitelas to Claude in One Click — Then Say This First

Sitelas is now in Claude's connector directory, so installing it takes one click. The hard part is knowing what to say next — here is the exact first sentence, and the real site Claude built when I said it.

6 min read

Build your site with AI

Pick a template, describe what you want, and let AI build it. Publish in minutes.

Browse Templates
Sitelas

Support

contact@sitelas.com

LinkedIn

X

We're here to help you succeed

Resources

For AI agents

Blog

Templates

Docs

Pricing

Contact Us

Legal

Terms of Service

Privacy Policy

Refund & Cancellation

© 2026 Sitelas

All rights reserved.