skills.rest
gtpgg1013
gtpgg1013COMMUNITY
Explore all skills by this author →
GitHub

web-clone

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

Related Skills

Explore More Software Engineering Skills→
chrisxue90chrisxue90
2

web-clone

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

Community
Advanced
byonk19-svgbyonk19-svg

web-clone

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

Community
Advanced
puripong1stpuripong1st
1

normalize

Align frontend components to a design system using standardized tokens.

Community
Advanced
sridsrid
13

article-extractor

Extract clean article content from URLs and output Markdown to stdout.

Community
Intermediate