Pixel-Perfect Web Replica

Mirrors a public webpage's HTML/CSS/JS/media into a byte-faithful local sandbox.

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

Getestet · Funktioniert ★ 9.6/10

Pixel-Perfect Web Replica — Mirrors a public webpage's HTML/CSS/JS/media into a byte-faithful local sandbox.

Was es kann

Downloads a public page's same-origin HTML, CSS, JS, images, and manifest icons into a local folder that can be served with a static server, then produces a replaceable-resource inventory for rebranding. Triggers on requests to pixel-perfect clone, mirror, or locally sandbox a public page for study or redesign reference.

Testbericht

Ran the bundled mirror_public_page.py against a local test site with nested CSS url() assets and an <img> tag; it produced a byte-for-byte identical local replica (index.html, style.css, both PNGs matched via diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, versus a naive curl baseline that only grabs raw HTML with zero assets.

Getestet am: 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

Befehle & Beispiel-Prompts

/pixel-perfect-web-replicaMirrors a public webpage's HTML/CSS/JS/media into a byte-faithful local sandbox.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →