clone-website

Installation
SKILL.md

Clone Website

Overview

Cloning a website here means rebuilding it: fresh code in a modern stack that renders the same pages at the same widths and reacts the same way to a hover, a click or a scroll. Nothing is lifted out of the old site's bundles. The agent watches the live site through a browser tool, writes what it measures into a capture/ folder, builds from that record, and shows the match with screenshots compared pixel by pixel.

Five stages: settle the right to copy, capture, plan, rebuild one section at a time with a diff after each, hand over a parity report. A full copy is for a site the user owns or has the owner's permission to copy. Someone else's site can only serve as a layout reference for the user's own brand. The skill does not produce look-alikes of another brand.

Instructions

1. Settle rights and scope before the browser opens

Ask whatever the conversation has not answered yet:

  1. Whose site is it: yours, a client's (who agreed, and how), or another company's?
  2. What is the rebuild for: a move to a new stack, a base for a redesign, or a look wanted for a different business?
  3. Which pages are in scope, and where will the content live afterwards (in the code, Markdown, a CMS)?
  4. Is there a project to build into, or is the stack open?
Installs
16
GitHub Stars
197
First Seen
Apr 14, 2026