Pixel-Perfect Web Replica

Spiegelt de HTML/CSS/JS/media van een openbare webpagina naar een byte-getrouwe lokale sandbox.

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

Getest · Werkt ★ 9.6/10

Pixel-Perfect Web Replica — Spiegelt de HTML/CSS/JS/media van een openbare webpagina naar een byte-getrouwe lokale sandbox.

Wat het doet

Downloadt de same-origin HTML, CSS, JS, afbeeldingen en manifest-iconen van een openbare pagina naar een lokale map die met een statische server kan worden geleverd, en produceert vervolgens een vervangbare-resource-inventaris voor herbranding. Wordt geactiveerd bij verzoeken om een openbare pagina pixel-perfect te klonen, te spiegelen of lokaal te sandboxen voor studie of herontwerpreferentie.

Testrapport

Voerde de gebundelde mirror_public_page.py uit tegen een lokale testwebsite met geneste CSS url()-assets en een <img>-tag; het produceerde een byte-voor-byte identieke lokale replica (index.html, style.css, beide PNG's gematcht via diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, vergeleken met een naïeve curl-baseline die alleen ruwe HTML zonder assets ophaalt.

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

Installatie

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

Commando's en voorbeeldprompts

/pixel-perfect-web-replicaSpiegelt de HTML/CSS/JS/media van een openbare webpagina naar een byte-getrouwe lokale sandbox.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →