web-clone

Name: web-clone
Availability: InStock
Author: gtpgg1013

Clone a live website's visuals and core interactions from a URL.

Updated Mar 21, 2026

Search Tags:#frontend #llm #playwright #website #visual-verification #web-clone

Ready to run

npx skills add https://github.com/gtpgg1013/claude-skills-collection --skill web-clone-gtpgg1013

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/gtpgg1013/claude-skills-collection/tree/main/skills/agents/web-clone
Command: npx skills add https://github.com/gtpgg1013/claude-skills-collection --skill web-clone-gtpgg1013

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone a target website from its URL, replicating both visual appearance and core interactive functionality.

Core Features & Use Cases

Visual fidelity: reproduce layout, typography, colors, and spacing.
Functional parity: preserve navigation, forms, dropdowns, modals, and basic interactivity.
Use Case: Clone a live site to generate a working local replica for offline testing or rapid prototyping.

Quick Start

Provide a live URL and I will clone the site visually and functionally, then verify results with automated checks.

Frequently Asked Questions about web-clone

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I clone a website from a URL to reproduce its visual layout and interactions?▼

To clone a website from a URL, this Skill uses LLM-driven code generation to replicate visuals and core interactions, applying iterative visual verification to ensure the live single-page replica matches the original.

How does visual verification work when cloning a live website?▼

Visual verification works by applying Playwright MCP tooling and a $visual-verdict mechanism to generate an extraction plan, iteratively comparing the generated clone against the target URL to confirm visual and functional parity.

Does website cloning with Playwright MCP require any specific environment setup?▼

Yes, website cloning requires access to a live URL and Playwright MCP tooling in your environment to execute the automated checks and visual verification needed for functional and visual reproduction.

Can I use this approach to clone a website for offline testing and rapid prototyping?▼

Yes, you can use this approach to clone a live site to generate a working local replica, preserving navigation, forms, dropdowns, and modals specifically for offline testing or rapid prototyping.

What is the best way to verify functional parity in a cloned single-page site?▼

The best way to verify functional parity is by using an LLM-driven extraction plan combined with Playwright MCP to produce a composite verdict, ensuring navigation, forms, and basic interactivity match the original site.

What are the limitations of using LLM-driven code generation for website cloning?▼

Limitations include relying on a live URL and Playwright MCP tooling, meaning the cloning process focuses on core interactions and single-page visual fidelity rather than scraping deep backend logic or dynamic multi-page routing.