Pixel-Perfect Web Replica

Spegelbildar en publik webbsidas HTML/CSS/JS/media till en byte-trogen lokal sandbox.

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

Testad · Fungerar ★ 9.6/10

Pixel-Perfect Web Replica — Spegelbildar en publik webbsidas HTML/CSS/JS/media till en byte-trogen lokal sandbox.

Vad den gör

Laddar ner en publiksida med samma ursprung HTML, CSS, JS, bilder och manifestikoner till en lokal katalog som kan serveras med en statisk server, och producerar sedan en ersättningsbar resursinventering för varumärkesändring. Triggar på förfrågningar om att pixel-perfekt klona, spegla eller lokalt sandboxa en publik sida för studier eller omdesignreferens.

Testrapport

Körde det medföljande mirror_public_page.py mot en lokal testwebbplats med kapslade CSS url()-tillgångar och en <img>-tagg; den producerade en byte-för-byte identisk lokal kopia (index.html, style.css, båda PNG-filerna matchade via diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, jämfört med en naiv curl-baslinje som bara hämtar rå HTML utan några tillgångar.

Testad: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

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

Kommandon och exempelprompter

/pixel-perfect-web-replicaSpegelbildar en publik webbsidas HTML/CSS/JS/media till en byte-trogen lokal sandbox.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →