Pixel-Perfect Web Replica

Kopiuje HTML/CSS/JS/multimedia publicznej strony internetowej do lokalnego piaskownicy o identycznej zawartości.

Autor: Core-Mate · Core-Mate/Pixel-Perfect-Web-Replica

Testowano · Działa ★ 9.6/10

Pixel-Perfect Web Replica — Kopiuje HTML/CSS/JS/multimedia publicznej strony internetowej do lokalnego piaskownicy o identycznej zawartości.

Co robi ten skill

Pobiera HTML, CSS, JS, obrazy i ikony manifestu tej samej domeny publicznej strony do lokalnego folderu, który można obsługiwać za pomocą serwera statycznego, a następnie generuje inwentaryzację zasobów do wymiany w celu ponownego brandingu. Aktywuje się na żądania dotyczące pikselowego klonowania, lustrzanego odbicia lub lokalnego umieszczania w piaskownicy publicznej strony w celu analizy lub odniesienia do przeprojektowania.

Raport z testu

Uruchomiono dołączony mirror_public_page.py na lokalnej stronie testowej z zagnieżdżonymi zasobami url() CSS i tagiem <img>; wygenerował lokalną replikę identyczną bajt po bajcie (index.html, style.css, oba PNG dopasowane przez diff) plus resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, w porównaniu do naiwnego curl baseline, który pobiera tylko surowy HTML bez żadnych zasobów.

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

Instalacja

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

Komendy i przykładowe prompty

/pixel-perfect-web-replicaKopiuje HTML/CSS/JS/multimedia publicznej strony internetowej do lokalnego piaskownicy o identycznej zawartości.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →