clone-website

Clone live websites into isolated worktrees with extracted assets, CSS, and content.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/Scheune10-coding/my-claude-code-skills --skill clone-website-scheune10-coding
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clone-website
Source: https://github.com/Scheune10-coding/my-claude-code-skills/tree/main/clone-website
Command: npx skills add https://github.com/Scheune10-coding/my-claude-code-skills --skill clone-website-scheune10-coding

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone and reverse-engineer live websites into isolated worktrees, extracting assets, CSS, and content to recreate or port sites reliably.

Core Features & Use Cases

  • Pixel-perfect clones: extract assets, CSS, and content with auditable artifacts per site.
  • Parallel builder workflow: dispatch multiple builders per site while isolating artifacts across hosts.
  • Per-site layout: organize outputs in docs/research/<hostname> and docs/design-references/<hostname> to support multi-site projects.
  • Trigger phrases: respond to phrases like make a copy of this site, rebuild this page, pixel-perfect clone.

Quick Start

Provide one or more target URLs as arguments to clone and begin extraction and build workflows.

Frequently Asked Questions about clone-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I clone a live website and extract its CSS and assets?

To clone a live website, provide one or more target URLs as arguments to trigger extraction. The skill reverse-engineers the site into isolated worktrees, extracting CSS, assets, and content to recreate or port the site reliably.

Can I use this to create pixel-perfect clones of complex UIs across multiple sites?

Yes, this skill supports multi-site cloning by dispatching parallel builders per site while isolating artifacts across hosts. Outputs are organized in per-site layouts to preserve fonts, colors, assets, and behavior for pixel-perfect recreation.

What's the best way to port a website experience to a new domain?

The best way to port a website experience is to reverse-engineer the live site into an isolated worktree with auditable artifacts. You provide the target URL, and the skill extracts the necessary CSS, assets, and content for reliable porting.

Does website cloning require browser automation to capture interactive elements?

Yes, website cloning satisfies browser-automation prerequisites to capture complex UIs and interactions accurately. This ensures that the extracted assets and CSS preserve the original site's behavior for a pixel-perfect recreation.

Why are my website clone outputs organized in separate directories per hostname?

Website clone outputs are organized in per-site directories like docs/research/<hostname> and docs/design-references/<hostname> to support multi-site projects. This per-site layout isolates artifacts across hosts during parallel builder-dispatch orchestration.

When should I not use a parallel builder workflow for website cloning?

You should avoid parallel builder workflows for website cloning when working with a single, simple static page that lacks complex UIs or interactive elements. In those cases, standard extraction without isolated worktrees may be more efficient.