skills.rest
shahmirerror
shahmirerrorCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill website-cloning-shahmirerror
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
kubb-labskubb-labs
1.8k

plugin-architecture

Explains how to define, register and manage plugins and generator lifecycles in the Kubb ecosystem.

Official
Advanced
szsip239szsip239
103

playwright-scraper-skill

Extract data from dynamic and Cloudflare-protected websites using Playwright scrapers.

Community
Advanced