website-cloning

Clone websites into deployable React + Vite apps using Playwright.

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/BasitShafiq/personal --skill website-cloning-basitshafiq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/BasitShafiq/personal/tree/main/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/BasitShafiq/personal --skill website-cloning-basitshafiq

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 automates the process of replicating the design, structure, and content of an existing website into a functional React + Vite application.

Core Features & Use Cases

  • Full Website Cloning: Scrapes visual elements, text, images, and structure.
  • React + Vite App Generation: Creates a deployable web app artifact.
  • Content Preservation: Uses real scraped content, including images and links.
  • Use Case: Rebuild your own website on a new stack, create a design reference, or migrate a client's site with their permission.

Quick Start

Use the website-cloning skill to clone the website located at https://example.com.

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 into a React and Vite application?

Website cloning into a React and Vite application is automated by using Playwright to scrape visual elements, text, and images, then generating a deployable web app artifact that preserves real content and structure.

Does website cloning with Playwright preserve real scraped content and images?

Yes, website cloning with Playwright preserves real scraped content, including text, images, links, structure, colors, and fonts from the target site to ensure the generated React application matches the original design.

Can I use scraped website structure to rebuild my site on a new stack?

You can use scraped website structure to rebuild your site on a new stack by generating a functional React and Vite web application that replicates the original design, suitable for migrating a client's site with their permission.

What is the best way to generate a React app from an existing website?

Generating a React app from an existing website is best achieved by automating the scraping of visual elements and content via Playwright, which outputs a functional Vite web app artifact preserving real images and fonts.

Are there limitations when cloning dynamic websites into React?

When cloning dynamic websites into React, limitations include the need to validate legitimate user intent before proceeding, as the process focuses on scraping static visual elements, content, and structure rather than replicating backend functionality.