skills.rest
riethmayer
riethmayerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-clone

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

2|1|Updated Oct 8, 2009
Search Tags:#automation#frontend#playwright#website-clone#visual-verification#web-clone
One-click install
npx skills add https://github.com/riethmayer/dotfiles --skill web-clone-riethmayer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/riethmayer/dotfiles/tree/main/stow/agents/.agents/skills/web-clone
Command: npx skills add https://github.com/riethmayer/dotfiles --skill web-clone-riethmayer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone live websites from a URL into a working clone that preserves layout and core interactions for testing and reuse.

Core Features & Use Cases

  • URL-driven cloning from live sites
  • Visual fidelity verification and functional parity
  • Optional verification with MCP tooling and local serving

Quick Start

Clone a target URL into a working replica that preserves layout and core interactions for testing and reuse.

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 live website from a URL into a working replica?▼

Cloning a live website involves operating on a target URL to reproduce visual fidelity and core interactions, generating a structured output that supports iterative refinement and local serving.

Can I verify the visual fidelity and functional parity of a cloned webpage?▼

Yes, you can verify visual fidelity and functional parity of a cloned webpage using optional MCP tooling to check the reproduced layout and interactions against the original live site.

Do I need a browser automation environment to clone live webpages?▼

Yes, a browser automation environment is required to clone live webpages, as it drives the URL-driven cloning process and supports the optional verification tooling for functional parity.

What is the best way to automate frontend website cloning with Playwright?▼

Automating frontend website cloning with Playwright involves operating on live webpages to reproduce layout and core interactions, then using structured output to support iterative verification.

Does the website clone process support iterative refinement?▼

Yes, the website clone process supports iterative verification and refinement by producing structured output that can be locally served and checked against the target URL using MCP tooling.

What are the limitations of cloning live sites with browser automation?▼

Cloning live sites with browser automation focuses on preserving layout and core interactions, meaning complex backend logic or dynamic server-side data may not be fully captured in the working replica.

Related Skills

Explore More Software Engineering Skills→
tech-leads-clubtech-leads-club
5.0k

figma-implement-design

Translate Figma designs into production-ready UI code via Figma MCP.

Official
Advanced
Goblin1024Goblin1024
6

web-clone

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

Community
Advanced
bacchus-labsbacchus-labs
4

visual-regression-testing

Automate visual regression testing by comparing screenshots against baselines.

Official
Advanced
OpenAEC-FoundationOpenAEC-Foundation
163

frappe-website-deploy

Deploy ERPNext/Frappe websites via REST API with Page Builder.

Official
Advanced