skills.rest
wmasfoe
wmasfoeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-clone

Clone a target URL into a pixel-faithful single-page replica with Playwright MCP verification.

Updated Apr 23, 2026
Search Tags:#verification#mcp#playwright#website#cloning#visual-verdict#web-clone
One-click install
npx skills add https://github.com/wmasfoe/notch-pet --skill web-clone-wmasfoe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/wmasfoe/notch-pet/tree/main/.codex/skills/web-clone
Command: npx skills add https://github.com/wmasfoe/notch-pet --skill web-clone-wmasfoe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone a target URL into a working, pixel-faithful replica of the site with visual fidelity and functional verification.

Core Features & Use Cases

  • Visual clone: reproduce layout, typography, and styling from the source URL.
  • Functional verification: validate core interactions and navigation against the live site using Playwright MCP.
  • Iterative verification: provide visual and structural verdicts to guide fidelity improvements.

Quick Start

Enter the target URL and start the cloning workflow to produce a configured clone project.

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 for visual fidelity and functional verification?▼

To clone a website, you enter a target URL to produce a single-page pixel-faithful replica. The clone reproduces layout, typography, colors, and core interactions for visual and functional verification.

Does Playwright MCP work for extracting layout and styling from a live URL?▼

Yes, Playwright MCP drives the extraction process to reproduce layout, typography, and styling from the source URL. It subsequently validates core interactions and navigation against the live site.

What is a visual verdict score in iterative website cloning?▼

A visual verdict score provides structural and visual comparisons between the clone and the source URL. It guides iterative verification to systematically improve pixel fidelity and layout accuracy.

Can I use website cloning to verify single-page interactions against the live site?▼

Yes, this cloning workflow supports single-page clones with core interactions. It leverages Playwright MCP to validate that functional navigation and interactions match the live target URL.

What are the limitations of cloning a website into a single-page replica?▼

The scope is limited to a single-page clone covering layout, typography, colors, and core interactions. It does not natively clone multi-page site architectures or complex backend data flows.

When do I need to use a web-clone tool instead of manual HTML inspection?▼

You need an automated web-clone tool when you require a pixel-faithful replica for visual and functional verification. It uses iterative visual verdict scoring to ensure fidelity that manual inspection cannot easily quantify.

Related Skills

Explore More Software Engineering Skills→
ZevileNZevileN
32

clone-website

Reverse-engineer a target URL into a pixel-perfect clone with auditable component specs.

Community
Advanced
Goblin1024Goblin1024
6

web-clone

Clone live websites by extracting layout, visuals, and interactions with Playwright MCP.

Community
Advanced
riethmayerriethmayer
2

web-clone

Clone a target URL into a working replica preserving layout and interactions.

Community
Advanced
r3dlexr3dlex
2

visual-verdict

Compare UI screenshots against reference images to detect layout, style, and content discrepancies.

Community
Intermediate