Pixel-Perfect Web Replica

Refleja el HTML/CSS/JS/medios de una página web pública en un sandbox local byte-fiel.

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

Probado · Funciona ★ 9.6/10

Pixel-Perfect Web Replica — Refleja el HTML/CSS/JS/medios de una página web pública en un sandbox local byte-fiel.

Qué hace

Descarga el HTML, CSS, JS, imágenes e íconos de manifiesto de la misma origen de una página pública en una carpeta local que se puede servir con un servidor estático, luego produce un inventario de recursos reemplazables para el rebranding. Se activa ante solicitudes para clonar pixel-perfect, reflejar o sandboxear localmente una página pública para estudio o referencia de rediseño.

Informe de la prueba

Ejecutó el script bundled mirror_public_page.py contra un sitio de prueba local con activos url() anidados y una etiqueta <img>; produjo una réplica local byte-por-byte idéntica (index.html, style.css, ambos PNGs coincidentes mediante diff) más resources.json/resource-inventory.json/REPLACEABLE_RESOURCES.md, en comparación con una línea base curl ingenua que solo extrae HTML crudo sin ningún activo.

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

Instalación

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

Comandos y prompts de ejemplo

/pixel-perfect-web-replicaRefleja el HTML/CSS/JS/medios de una página web pública en un sandbox local byte-fiel.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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

Informe completo →