Pixel-Perfect Web Replica

Zrcadlí HTML/CSS/JS/média veřejné webové stránky do lokálního sandboxu s přesnou bitovou věrností.

od Core-Mate · Core-Mate/Pixel-Perfect-Web-Replica

Otestováno · Funguje ★ 9.6/10

Pixel-Perfect Web Replica — Zrcadlí HTML/CSS/JS/média veřejné webové stránky do lokálního sandboxu s přesnou bitovou věrností.

Co umí

Stáhne HTML, CSS, JS, obrázky a ikony manifestu ze stejného původu veřejné stránky do lokálního adresáře, který lze obsluhovat statickým serverem, a poté vygeneruje inventář vyměnitelných zdrojů pro rebranding. Spouští se na požadavky na pixel-perfect klonování, zrcadlení nebo lokální sandboxování veřejné stránky pro studium nebo referenci redesignu.

Testovací report

Spustil přiložený mirror_public_page.py proti lokálnímu testovacímu webu s vnořenými CSS url() aktivy a tagem <img>; vygeneroval bitově identickou lokální repliku (index.html, style.css, oba PNG shodné pomocí diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, oproti naivnímu baseline curl, který získává pouze surové HTML bez jakýchkoli aktiv.

Testováno: 2026-07-16 · Claude Code 2.x (agent harness)

Instalace

git clone https://github.com/Core-Mate/Pixel-Perfect-Web-Replica
mkdir -p ~/.claude/skills
cp -r Pixel-Perfect-Web-Replica ~/.claude/skills/pixel-perfect-web-replica

Příkazy a ukázkové prompty

  • /pixel-perfect-web-replicaZrcadlí HTML/CSS/JS/média veřejné webové stránky do lokálního sandboxu s přesnou bitovou věrností.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • Mirror this public webpage's HTML, CSS, and images into a local sandbox
  • I want a byte-identical local copy of this site for redesign reference
  • Clone this page's assets locally so I can study its layout offline