clone-website

Originally fromjulianromli/ai-skills
Installation
SKILL.md

Clone Website

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

When multiple URLs are provided, preserve every pathname as a distinct route and isolate each target's research, screenshots, components, and assets. URLs that differ only by query string or fragment share a pathname, so resolve their route and state behavior explicitly in the output plan. Parallelize page work only after the shared foundation and output plan are fixed so concurrent builders cannot overwrite one another.

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:

  • Fidelity level: Pixel-perfect — exact match in colors, spacing, typography, animations
  • In scope: Visual layout and styling, component structure and interactions, responsive design, mock data for demo purposes
  • Out of scope: Real backend / database, authentication, real-time features, SEO optimization, accessibility audit
  • Customization: None — pure emulation

If the user provides additional instructions (specific fidelity level, customizations, extra context), honor those over the defaults.

Installs
1.3K
GitHub Stars
33.5K
First Seen
Mar 26, 2026
clone-website — jcodesmore/ai-website-cloner-template