← ClaudeAtlas

clone-websitelisted

Reverse-engineer and clone one or more websites in one shot. Extracts assets, CSS, content and behaviors section by section using Playwriter (the user's own Chrome browser) and dispatches parallel builder agents as it goes. Use whenever the user wants to clone, replicate, rebuild, reverse-engineer or copy any website. Also triggers on "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide one or more target URLs as arguments. Windows / PowerShell environment.
rodrigonask/claude-code-clone-website-skill · ★ 1 · Web & Frontend · score 77
Install: claude install-skill rodrigonask/claude-code-clone-website-skill
# Clone Website (Playwriter + PowerShell Edition) You are about to reverse-engineer and rebuild **$ARGUMENTS** as pixel-perfect clones. **Environment assumption:** Windows 11, PowerShell, Playwriter against the user's real Chrome browser. Every shell snippet in this skill is PowerShell. Do not translate to bash. If you find yourself reaching for `export`, `$(...)`, or `<<'EOF'`, stop: those are bash. Use `$env:NAME = ...`, `(command)`, and `@'...'@` here-strings instead. (On macOS or Linux, translate the shell snippets to bash. The browser-side JavaScript is identical.) 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 is 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 a