Pixel-Perfect Web Replica

Specchia HTML/CSS/JS/media di una pagina web pubblica in un sandbox locale byte-fedele.

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

Promosso ★ 9.6/10

Pixel-Perfect Web Replica — Specchia HTML/CSS/JS/media di una pagina web pubblica in un sandbox locale byte-fedele.

Cosa fa

Scarica HTML, CSS, JS, immagini e icone manifest della stessa origine di una pagina pubblica in una cartella locale che può essere servita con un server statico, quindi produce un inventario di risorse sostituibili per il rebranding. Si attiva su richieste di clonare pixel-perfect, specchiare, o mettere in sandbox localmente una pagina pubblica per studio o riferimento di ridisegno.

Rapporto di test

Ha eseguito lo script incluso mirror_public_page.py su un sito di test locale con asset CSS annidati e un tag <img>; ha prodotto una replica locale byte-per-byte identica (index.html, style.css, entrambi i PNG corrispondenti tramite diff) più resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, rispetto a un baseline curl ingenuo che afferra solo l'HTML grezzo senza asset.

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

Installazione

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

Comandi e prompt di esempio

/pixel-perfect-web-replicaSpecchia HTML/CSS/JS/media di una pagina web pubblica in un sandbox locale byte-fedele.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →