Clone Website

This is the nuclear option for website cloning. It spins up parallel builder agents in worktrees, extracts computed CSS values with getComputedStyle, downloads every asset layer by layer, and documents both appearance and behavior for each section before handing off specs to specialist builders. The guiding principle is completeness over speed: if a builder has to guess a font size or padding value, the extraction failed. It catches the tricky stuff like scroll-driven tab switching versus click handlers, parallax layers, and Lenis smooth scroll implementations. Requires browser MCP tools and produces auditable artifacts in a structured docs folder. Best for pixel-perfect clones where "close enough" isn't acceptable.

skills.sh installs: 2.3K
GitHub stars: 215
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add julianromli/ai-skills --skill clone-website --agent claude-code

Installs into .claude/skills of the current project.

Files

Clone Website

You are about to reverse-engineer and rebuild $ARGUMENTS as pixel-perfect clones.

When multiple URLs are provided, process them independently and in parallel where possible, while keeping each site's extraction artifacts isolated in dedicated folders (for example, docs/research/<hostname>/).

This is not a two-phase process (inspect then build). You are a foreman walking the job site — as you inspect each section of the page, you write a detailed specification to a file, then hand that file to a specialist builder agent with everything they need. Extraction and construction happen in parallel, but extraction is meticulous and produces auditable artifacts.

Scope Defaults

The target is whatever page $ARGUMENTS resolves to. Clone exactly what's visible at that URL. Unless the user specifies otherwise, use these defaults:

SKILL.md on GitHub