Agent skill · jcodesmore
clone-website
Reverse-engineer and clone one or more websites as pixel-perfect replicas
What it needs
About 12k tokens when loaded.
What this skill does
Clone Website You are about to reverse-engineer and rebuild the target URL or URLs provided by the user 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 the target URL or URLs provided by the user 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. Output Isolation and Route Preservation Treat every target URL as durable project output, not as permission to replace whatever was built previously. Choose an <app-root> before extraction. For a single application, <app-root> is the repository root (.). …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jcodesmore/clone-website--405eb6