website-cloning

Clone a target website into a deployable React + Vite web app.

Updated Mar 17, 2026

Search Tags:#react #playwright #vite #website #clone #design-tokens

Ready to run

npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill website-cloning-shahmirerror

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/shahmirerror/gsdcp-mobile/tree/main/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill website-cloning-shahmirerror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clones a target website into a faithful, deployable React + Vite clone with working navigation, content, images, and design tokens, enabling rapid design exploration and platform migration.

Core Features & Use Cases

Visual reconnaissance and token extraction to inform a faithful clone.
Build a client-side React + Vite clone using real content and assets.
Use cases include design references, migration previews with permission, and learning site structure across domains.

Quick Start

Create a clone of a target site by running the established workflow to generate a ready-to-run React + Vite project with scraped data.

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?▼

To clone a website into a React and Vite application, this Skill uses a Playwright-driven workflow for visual reconnaissance and content scraping to assemble a self-contained, deployable project with real assets.

Can I extract design tokens from an existing website?▼

Yes, you can extract design tokens from an existing website during the visual reconnaissance phase to inform a faithful clone for design reference and rapid platform migration.

Does the clone include real images and content from the target site?▼

Yes, the clone includes real images and content from the target site through live scraping and image verification, ensuring the resulting React project contains working navigation and actual assets.

How does Playwright work for website cloning and scraping?▼

Playwright drives the website cloning workflow by performing visual reconnaissance, scraping live content, verifying images, and assembling artifacts to generate a ready-to-run React and Vite project.

Is it possible to migrate a site to React using scraped content?▼

Yes, you can migrate a site to React using scraped content to build a client-side Vite clone, which is useful for generating migration previews with permission and learning site structures.

What are the limitations of cloning a site with Playwright and Vite?▼

A limitation of cloning a site with Playwright and Vite is that the output is a client-side clone; users must ensure they have permission for migrations and should not use it for unauthorized scraping.