clone-websitelisted
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