Pixel-Perfect Web Replica

Spejler en offentlig websides HTML/CSS/JS/medier ind i en byte-tro lokal sandbox.

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

Testet · Virker ★ 9.6/10

Pixel-Perfect Web Replica — Spejler en offentlig websides HTML/CSS/JS/medier ind i en byte-tro lokal sandbox.

Hvad det gør

Downloader en offentlig sides samme-oprindelse HTML, CSS, JS, billeder og manifest-ikoner til en lokal mappe, der kan serveres med en statisk server, og producerer derefter en udskiftelig ressourceinventar til rebranding. Udløses ved anmodninger om pixel-perfekt kloning, spejling eller lokal sandboxing af en offentlig side til undersøgelse eller redesign reference.

Testrapport

Kørte den medfølgende mirror_public_page.py mod et lokalt teststed med indlejrede CSS url()-assets og en <img> tag; den producerede en byte-for-byte identisk lokal kopi (index.html, style.css, begge PNG'er matchet via diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, versus en naiv curl baseline, der kun henter rå HTML uden aktiver.

Testet: 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

Kommandoer og eksempelprompter

/pixel-perfect-web-replicaSpejler en offentlig websides HTML/CSS/JS/medier ind i en byte-tro lokal sandbox.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →