Plugin directory / Automation / Perfect-Web-Clone
Perfect-Web-Clone
Verified · install-tested on dsh ericshang98
What it does
A skill and CLI for pixel-perfect webpage cloning via agent harness.
Recommended — verified working and popular
A skill and CLI for pixel-perfect webpage cloning via agent harness. It installs cleanly and boots without issues in our testing. With 271+ stars it's a community-endorsed, low-risk pick.
“Verified” means our automated CI actually ran dsh plugin add in a clean profile and it booted — nothing more. Feature descriptions and version compatibility are the author’s claims. This is not a security audit and not an endorsement of third-party code.
README
Perfect Web Clone
Pixel-perfect clones of any webpage. This repo is the measured core. The product is the skill: an agent harness that turns one clone <url> into a full-page, scored replica.
English | 中文
A screenshot is not a clone. The skill drives the agent through capture → section plan → clean React → build → measured repair, and it will not stop after the first viewport or call a similar-looking inert widget “done.”
Say this to your coding agent:
clone https://example.com
The skill is the product
skill/SKILL.md is the harness. Same file is published as perfect-web-clone-skill.
- One request authorizes the whole run
- Hands and eyes are deterministic (
pwc) — they never call a model - The agent authors code and repairs the worst measured section
- Done means
ready_for_user_revieworfailed_with_residuals, with evidence - Pixel-perfect is a gate table, not a prompt
Install
Python 3.10+ and Node 20+.
pip install "git+https://github.com/ericshang98/Perfect-Web-Clone.git"
playwright install chromium
Load perfect-web-clone-skill into Claude Code, Codex, or any coding agent that can run pwc.
How a clone run works
- Capture the live URL (integrity-checked, assets localized)
- Plan the real page sections
- Author clean React for every section
- Assemble and build
- Score fingerprints, weight, and visual match
- Repair the worst section, rebuild, re-measure
- Hand you a local preview:
ready_for_user_revieworfailed_with_residuals
If the page is WebGL, runtime canvas, or scroll-choreographed, that ceiling is reported up front. Content still clones; the runtime-drawn look may not.
CLI
pwc extract https://example.com
pwc plan <source_id>
pwc assemble <source_id>
pwc build
pwc fingerprints dist/
pwc weight dist/
pwc score --ref reference.png --cand clone.png
Every command prints JSON. ok is the only pass/fail that matters.
Layout
core/ capture, section plan, gates
pwc/ CLI
skill/ the playbook
plugin/ optional coding-agent plugin
templates/ Vite + React + Tailwind shell
License
MIT
Install
Install the catalog once, then DeepSeek Harness can find and install any plugin from this site automatically:
dsh plugin add dshbase-catalogThen say "install Perfect-Web-Clone for me" — your agent finds it in the directory and installs it. Docs: dshbase-catalog · verified packs.
This plugin is GitHub source (not published to npm) — install it straight from the repo:
Web profile:
dsh plugin --profile web add github:ericshang98/Perfect-Web-CloneHeadless (CLI) profile:
dsh plugin --profile headless add github:ericshang98/Perfect-Web-CloneTest report
Verified: L1 install + L2 load + L3 runtime from GitHub source on dsh 0.1.0-rc.6.
Share this badge
Drop this badge into your README — it links back here and updates automatically when our test status changes:
[](https://dshbase.com/plugins/Perfect-Web-Clone/)<a href="https://dshbase.com/plugins/Perfect-Web-Clone/"><img src="https://dshbase.com/badges/Perfect-Web-Clone.svg" alt="dshbase install-tested"></a>