web-clone

Name: web-clone
Availability: InStock
Author: ChrisXue

Clone a target website's visual appearance and interactive functionality from its URL.

2|2|Updated Apr 3, 2026

Search Tags:#automation #front-end #cloning #playwright-mcp #website-clone #visual-verification #web-clone

Ready to run

npx skills add https://github.com/chrisxue90/oh-my-qwencode --skill web-clone-chrisxue90

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/chrisxue90/oh-my-qwencode/tree/main/skills/web-clone
Command: npx skills add https://github.com/chrisxue90/oh-my-qwencode --skill web-clone-chrisxue90

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 responsive hints from the source page.
Functional parity: mirror key interactions such as navigation, forms, modals, and dropdowns within a local clone.
Use Case: ideal for testing, design reviews, or offline prototyping of a live site.

Quick Start

Provide a live URL and run the clone workflow to generate a functional, visually faithful local replica.

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 with visual fidelity?▼

To clone a website from a URL, provide the target link and an output directory. The skill uses a Playwright MCP-driven extraction workflow and iterative visual verification to replicate the layout, typography, and core interactions.

Can I replicate interactive functionality like forms and modals when cloning a live site?▼

Yes, you can replicate interactive functionality like forms and modals when cloning a live site. The process mirrors key interactions such as navigation and dropdowns to ensure functional parity alongside visual fidelity.

What is the best way to automate front-end cloning for offline prototyping?▼

The best way to automate front-end cloning for offline prototyping is using a deterministic end-to-end workflow. It requires a target URL and an output directory to generate a visually faithful local replica for design reviews.

Does website cloning with Playwright MCP support single-page applications?▼

Yes, website cloning with Playwright MCP supports live single-page targets. It applies LLM-assisted code generation and iterative visual verification to faithfully reproduce both the visual appearance and functional parity of the page.

Why does visual verification matter when generating a local clone of a web page?▼

Visual verification matters when generating a local clone because it enforces deterministic visual fidelity. It iteratively checks the reproduced layout, typography, and colors against the source page to ensure an accurate replication.