Sitelas
HomeTemplatesPricingBlog
Blog
Clone Any Website With Ai
SitelasMenu
HomeTemplatesPricingBlog
Sitelas
HomeTemplatesPricingBlog
Blog
Clone Any Website With Ai
SitelasMenu
HomeTemplatesPricingBlog
  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.

S

Sitelas Team

June 12, 20262 min read
How to Clone Any Website with AI in Under 2 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 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.

Related Templates

Try these templates to get started.

FlagshipNimbusBase Folio
Back to Blog
Share:TwitterLinkedIn
S

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.

Related Articles

Run Your Website From the Same Chat That Built It
Getting Started

Run Your Website From the Same Chat That Built It

Everyone can generate a website now. The harder part is running it on day 2 — the leads, the replies, the edits. Because a Sitelas site lives inside Claude, the same chat that built it also runs it: read submissions, draft replies, log leads to a Sheet, and edit the live page, all by asking.

6 min read
I Cloned a Website From a Claude Chat
Getting Started

I Cloned a Website From a Claude Chat

Paste a URL, say "clone this," and Claude rebuilds the page as a real, editable Sitelas site — same structure, fonts, colors, and imagery — previewed privately and published only when you say go. Plus the one copyright caveat that matters.

6 min read
How to Build a Form and Connect It to Google Sheets
Getting Started

How to Build a Form and Connect It to Google Sheets

Add a form to your site in the Sitelas editor, then connect Google Sheets so every submission auto-appends to a spreadsheet in your own Drive — plus where submissions land by default and how file uploads work.

3 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
Sitelas - Build, publish & run a website from a Claude chat | Product Hunt

Support

contact@sitelas.com

LinkedIn

X

We're here to help you succeed

Resources

Blog

Templates

Pricing

Contact Us

Legal

Terms of Service

Privacy Policy

Refund & Cancellation

© 2026 Sitelas

All rights reserved.