skills.rest
not-subhu
not-subhuCOMMUNITY
Explore all skills by this author →
GitHub

website-cloning

Clone websites as React + Vite apps using Playwright extraction.

Updated Jun 30, 2026
Search Tags:#web development#React#Playwright#Vite#website cloning
One-click install
npx skills add https://github.com/not-subhu/screech --skill website-cloning-not-subhu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/not-subhu/screech/tree/main/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/not-subhu/screech --skill website-cloning-not-subhu

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 solves the problem of manually cloning websites, which is time-consuming and prone to errors. It allows you to create pixel-perfect, React + Vite-based clones of any website.

Core Features & Use Cases

  • Pixel-Perfect Cloning: Reverse-engineer and rebuild a target website as an exact replica using React + Vite.
  • Automated Extraction: Utilizes Playwright for automated HTML, CSS, and JavaScript extraction.
  • Use Case: Imagine you need to create a design reference or a staging copy of a website. Use this Skill to clone the entire website with all its elements, styles, and behaviors preserved.

Quick Start

Use the website-cloning skill to clone the 'example.com' website and save it as a new React + Vite app.

Frequently Asked Questions about website-cloning

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I clone a website as a React app?▼

To clone a website as a React app, this Skill uses Playwright to extract HTML, CSS, and JavaScript, then constructs a pixel-perfect React + Vite application replica of the target site automatically.

What is the best way to automate pixel-perfect website cloning?▼

Automated pixel-perfect website cloning is achieved by reverse-engineering the target site with Playwright, which extracts styles and behaviors to rebuild the UI as an exact React + Vite replica.

Do I need Playwright installed locally to clone a website?▼

Yes, you need a local Playwright installation to use this Skill. Playwright provides the automated extraction mechanism required to capture the target website's HTML, CSS, and JavaScript.

Can I use Vite and React to replicate an existing website's design?▼

Yes, this Skill constructs a precise Vite and React application that replicates an existing website. It preserves all elements, styles, and behaviors for use as a design reference or staging copy.

What are the limitations of automated website extraction?▼

Automated website extraction relies on Playwright to capture HTML, CSS, and JavaScript. It is designed for static design replication and may not fully clone dynamic server-side logic or protected backend APIs.

Related Skills

Explore More Software Engineering Skills→
shuyu-labsshuyu-labs
288

webapp-testing

Automate Playwright UI testing of local web applications with Python scripts.

Official
Intermediate
lsst-sqrelsst-sqre
2

migrate-styled-components-to-css-modules

Migrate React components from styled-components to CSS Modules with design tokens.

Official
Intermediate
chrishuffman5chrishuffman5

webapp-testing

Automate web application testing with Playwright scripts for UI debugging and log analysis.

Community
Intermediate
Sir-chawakornSir-chawakorn
33

vision-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate