Pixel-Perfect Web Replica

Miroite le HTML/CSS/JS/média d'une page web publique dans un bac à sable local fidèle en octets.

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

Testé · Fonctionne ★ 9.6/10

Pixel-Perfect Web Replica — Miroite le HTML/CSS/JS/média d'une page web publique dans un bac à sable local fidèle en octets.

Ce que fait

Télécharge le HTML, CSS, JS, images et icônes de manifeste de la même origine d'une page publique dans un dossier local qui peut être servi avec un serveur statique, puis produit un inventaire de ressources remplaçables pour le re-branding. Se déclenche sur les demandes de clonage pixel-perfect, de mise en miroir, ou de mise en bac à sable local d'une page publique pour étude ou référence de refonte.

Rapport de test

A exécuté le script groupé mirror_public_page.py sur un site de test local avec des actifs CSS imbriqués dans url() et une balise <img> ; il a produit une réplique locale identique octet pour octet (index.html, style.css, les deux PNG correspondants via diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, par rapport à un curl de base naïf qui ne récupère que le HTML brut sans aucun actif.

Testé le: 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

Commandes et exemples de prompts

/pixel-perfect-web-replicaMiroite le HTML/CSS/JS/média d'une page web publique dans un bac à sable local fidèle en octets.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →