Perfect-Web-Clone
编程与工具ericshang98/Perfect-Web-Clone
用于像素级克隆网页的技能:捕获URL、规划区块、构建React副本,并通过测量和修复达到视觉匹配。
- ai-agent
- automation
- dsh
- dsh-plugin
- pixel-perfect
- playwright
- python
- web-cloning
验证与兼容性
这里展示目录实际采集到的证据;未声明的信息会明确标为未知。
- 当前版本兼容性
- 已在当前目录版本验证
- 声明的 Harness 范围
- 未声明
- 声明的平台
- 未声明
- 适用 Profile
- web
- 构建授权
- 未知
- 权限声明
- 未声明
- 外部服务
- 未声明
- 遥测声明
- 未知
这不是安全背书;安装前仍应查看源码、权限和配置。
查看证据与判定范围
验证仅覆盖标出的来源、版本和 Harness 环境,不代表未来版本仍然兼容。
github:ericshang98/Perfect-Web-Clone#c846c37937a70497d37d082c26c85aa1289a9fa5- 插件通过清单与静态结构检查,尚未完成运行时加载检查。
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