skills.rest
chrisxue90
chrisxue90COMMUNITY
Explore all skills by this author →
GitHub

web-clone

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
One-click install
npx skills add https://github.com/chrisxue90/oh-my-qwencode --skill web-clone-chrisxue90
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
TienchingTienching
3

web-clone

Clone a target webpage's visual appearance and interactive functionality using Playwright MCP.

Community
Advanced
byonk19-svgbyonk19-svg

web-clone

Clone a live URL into a visually faithful single-page replica.

Community
Advanced
gtpgg1013gtpgg1013

web-clone

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

Community
Advanced
corbintalbert9744-artcorbintalbert9744-art

website-cloning

Clone website designs into responsive front-end and back-end prototypes.

Community
Intermediate