Perfect-Web-Clone
Manifest valid★ 276Pixel-perfect clones of any webpage. Paste a URL, get a measured Vite + React replica.
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
Comments
Loading…
Similar plugins
by caishengshuo
Every file, one version before it breaks. A DSH plugin: snapshots a file the instant before an agent rewrites it, with a per-session GUI timeline where any point can be restored in one click.
★ 0
MIT
JavaScript
Oct 24, 2026
dsh plugin --profile web add dsh-beforewriteby flyhigao
Displays and copies absolute paths for files produced by DSH turns in remote Web.
★ 1
MIT
JavaScript
Oct 1, 2026
dsh plugin --profile web add dsh-produced-file-pathsby BeyondandSharp
Independent per-pane zoom for the DSH web shell: Ctrl+wheel over a pane, Ctrl+± / Ctrl+0 for the focused pane. Works with the official look and every skin.
★ 0
MIT
TypeScript
Oct 17, 2026
dsh plugin --profile web add @beyondandsharp/dsh-plugin-scalingby Han-1413141
Point at a webpage, give your DeepSeek Harness agent feedback, and compare the result. Local Vite + React visual editing sidebar.
★ 1
MIT
TypeScript
Oct 2, 2026
dsh plugin --profile web add dsh-visual-editby Crosery
Drag or paste files into the Web composer with one image-and-file preview rail; native PNG/JPEG/WebP/GIF keep the image attachment path, while other files reuse a matching local path or stream to Host
★ 1
MIT
TypeScript
Sep 26, 2026
dsh plugin --profile web add @crosery/dsh-dropby wbb316
profile 间插件迁移:把网页版(web)的插件集安全牵引到桌面端(desktop)—— 算差异、预检、生成退出后执行的脚本、重启后核对
★ 5
MIT
JavaScript
Oct 6, 2026
dsh plugin --profile web add dsh-profile-sync