skills.rest
tuandzung
tuandzungCOMMUNITY
Explore all skills by this author →
GitHub

web-clone

Clone websites from URLs with Playwright and LLM-driven code generation.

Updated Apr 2, 2026
Search Tags:#code generation#browser automation#Playwright#website replication#website cloning
One-click install
npx skills add https://github.com/tuandzung/flink-k8s-ui --skill web-clone-tuandzung
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/tuandzung/flink-k8s-ui/tree/main/.codex/skills/web-clone
Command: npx skills add https://github.com/tuandzung/flink-k8s-ui --skill web-clone-tuandzung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, npx, @playwright/mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the process of cloning websites, ensuring both visual appearance and core interactive functionality are replicated with precision.

Core Features & Use Cases

  • URL-driven Website Cloning: Clone a website by providing its URL, focusing on visual and functional parity.
  • Visual & Functional Verification: Ensures the cloned site matches the original in both appearance and interactive elements.
  • Use Case: For developers or designers who need to replicate a website for testing or personal use without relying on the original source.

Quick Start

To clone a website, use the web-clone skill with the target URL you wish to replicate.

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 with both visual and functional accuracy?▼

To clone a website with visual and functional accuracy, you provide the target URL to the web-clone skill. It uses Playwright for browser automation and LLM-driven code generation to extract and replicate the site.

Does website replication with this skill support modern frameworks like React and Vue?▼

Yes, website replication supports modern frontend frameworks including React, Vue, and Svelte. The process extracts the visual appearance and interactive functionality from the target URL and generates compatible code.

Do I need Playwright installed to automate website cloning?▼

Yes, you need Playwright installed to automate website cloning. The skill explicitly requires Playwright, npx, and the Playwright MCP package to drive browser automation and perform iterative visual verification.

What is the best way to replicate a website for testing without source code?▼

The best way to replicate a website for testing without source code is using URL-driven extraction. This approach automates code generation and performs iterative verification to ensure the cloned site matches the original's appearance and functionality.

How does iterative verification work during browser automation for site replication?▼

Iterative verification during site replication works by continuously comparing the generated code's output against the original target URL. This ensures both visual appearance and core interactive elements are accurately replicated before finalizing.

Related Skills

Explore More Software Engineering Skills→
lackeyjblackeyjb
3.0k

Playwright Browser Automation

Automate browser testing and interactions with Playwright scripts.

Community
Intermediate
kirvinkirvin

frontend-design

Create distinctive frontend interfaces with HTML/CSS/JS, React, or Vue.

Community
Advanced
bilalmkbilalmk
1

browsing-with-playwright

Automate browser interactions with Playwright MCP for navigation, form filling, and data extraction.

Community
Advanced
kollaboraikollaborai
1

webapp-testing

Automate local web app testing with Playwright and Python scripts.

Community
Intermediate