Pixel-Perfect Web Replica

Speiler en offentlig nettsides HTML/CSS/JS/media inn i en byte-tro lokal sandkasse.

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

Bestått ★ 9.6/10

Pixel-Perfect Web Replica — Speiler en offentlig nettsides HTML/CSS/JS/media inn i en byte-tro lokal sandkasse.

Hva den gjør

Laster ned en offentlig sides samme-opprinnelses HTML, CSS, JS, bilder og manifestikoner inn i en lokal mappe som kan serveres med en statisk server, og produserer deretter en erstatningsbar ressursinventar for merkevarebygging. Utløses ved forespørsler om å piksel-perfekt klone, speile, eller lokalt sandbokse en offentlig side for studie eller redesignreferanse.

Testrapport

Kjørte den medfølgende mirror_public_page.py mot et lokalt teststed med nestede CSS url()-ressurser og en <img>-tag; den produserte en byte-for-byte identisk lokal kopi (index.html, style.css, begge PNG-er matchet via diff) pluss resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, kontra en naiv curl-baseline som bare henter rå HTML uten noen ressurser.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /pixel-perfect-web-replicaSpeiler en offentlig nettsides HTML/CSS/JS/media inn i en byte-tro lokal sandkasse.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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