web-clone - A source-first methodology for cloning websites
Guides source discovery, reconnaissance, reverse engineering, implementation, content replacement, and browser validation for website clones.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Initialize clone projects
- Search repositories for source
- Probe websites with browsers
- Harvest website assets
- Capture network responses
- Map internal routes
- Probe interactive states
- Analyze site complexity
- Select cloning paths
- Rebuild content templates
- Mirror static deployments
- Reverse-engineer WebGL effects
- Validate clones in browsers
- Compare original and clone
- Remove tracking scripts
- Replace content and branding
Inputs
- Target website URL
- Source code repository
- Website deployment assets
- Website license information
- Clone project name
- Replacement content
- Replacement media
- Brand colors
Outputs
- Clone project directory
- NOTES.md
- Reconnaissance JSON files
- Screenshots
- Asset manifests
- Local asset copies
- Network fixtures
- Route maps
- Interaction probe results
- Design DNA file
- Technical teardown
- Clone comparison report
- Clone audit report
- Visual diff images
- Locally runnable website
Requirements
- Node.js
- Playwright or Browser skill
- GitHub CLI
- jq
- curl
- Local web server
- Repository and asset access