What problem does it solve?
Recreating a website's visual design and navigation by hand is time-consuming and error-prone; this Skill automates the capture and reconstruction of a site's frontend presentation into a structured blueprint and a client-side replica so designers and developers can iterate quickly without touching backend systems. It centralizes screenshots, interaction records, and public assets into a navigable folder structure that preserves page relationships and visual states for prototyping, auditing, or archival purposes.
Core Features & Use Cases
- Recursive visual exploration: crawl publicly accessible pages, capture full-page and scrolling screenshots, and record interaction states (hover, click, select).
- Blueprint generation: produce a folder-based blueprint with _page.md summaries, _interactions.md, a sitemap, navigation graph, and per-page _assets.
- Frontend-only replica: assemble a static or client-side approximation of the site's layout and navigation while explicitly excluding backend logic, private content, and authentication-protected pages.
- Safety & compliance: built-in authorization confirmation, robots.txt respect, and explicit rules to avoid scraping behind logins or harvesting credentials.
- Use cases: generate design mockups from an existing public site, perform visual audits and regression comparisons, or create static prototypes for stakeholder review.
**Quick Start
Use the glmv-web-replication skill to create a frontend-only replica of a publicly accessible website that you own or have written permission to replicate.
