skills.rest
Weihong-Liu
Weihong-LiuCOMMUNITY
Explore all skills by this author →
GitHub

web-clone

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

6|Updated Apr 26, 2026
Search Tags:#code generation#browser automation#functional testing#website analysis#website cloning
One-click install
npx skills add https://github.com/Weihong-Liu/GenericAgent_project --skill web-clone-weihong-liu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/Weihong-Liu/GenericAgent_project/tree/main/.codex/skills/web-clone
Command: npx skills add https://github.com/Weihong-Liu/GenericAgent_project --skill web-clone-weihong-liu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to clone websites from URLs, ensuring both visual and functional integrity, by using Playwright for browser automation and LLM-driven code generation.

Core Features & Use Cases

  • URL-Driven Cloning: Clone websites based on provided URLs.
  • Visual + Functional Verification: Ensures both the look and interactive elements match the original.
  • Use Case: Need a quick copy of a competitor's website for analysis or just to have a similar layout? This Skill can help.

Quick Start

Use the web-clone skill to clone the website at 'https://example.com'.

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 for layout analysis?▼

To clone a website from a URL, this Skill uses Playwright for browser automation and LLM-driven code generation to duplicate the target site's visual and functional elements for analysis or design study.

Can I use Playwright to automate website duplication with functional accuracy?▼

Yes, you can use Playwright to automate website duplication. The Skill leverages Playwright to capture interactive elements, ensuring functional accuracy alongside visual fidelity during the cloning process.

What is the best way to generate code from an existing website?▼

The best way to generate code from an existing website is using LLM-driven code generation combined with browser automation, which analyzes the URL and produces a visually and functionally accurate clone.

Do I need Playwright MCP to use this website cloning tool?▼

Yes, you need Playwright MCP for browser automation. The Skill requires the Playwright MCP environment to access target URLs, extract website structures, and generate accurate cloned code.

Does website cloning copy both visual design and interactive elements?▼

Website cloning copies both visual design and interactive elements. It performs visual and functional verification to ensure that the generated code matches the look and interactions of the original website.

Related Skills

Explore More Software Engineering Skills→
matteotittamatteotitta
29

website-clone

Reverse-engineer live website URLs into Next.js, shadcn, and Tailwind codebases.

Community
Advanced
1337hero1337hero
1

visual-audit

Screenshot a website and analyze visual composition against design principles.

Community
Intermediate
Gundlapuriswathiii006Gundlapuriswathiii006

website-cloning

Clone websites into React + Vite apps using Playwright and Python scripts.

Community
Advanced
cafe3310cafe3310
248

oneshot-website

Generate self-contained single-file HTML websites with CSS and vanilla JavaScript.

Community
Advanced