website-cloning

Clone a website's design into a deployable React + Vite app with scraped content.

Updated Jun 21, 2026
One-click install
npx skills add https://github.com/akhilksap2026/YMSNOW27032026 --skill website-cloning-akhilksap2026
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/akhilksap2026/YMSNOW27032026/tree/main/replit/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/akhilksap2026/YMSNOW27032026 --skill website-cloning-akhilksap2026

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone a website's design and layout into a React + Vite web app using real scraped content from the target site.

Core Features & Use Cases

  • Visual reconnaissance and token extraction from live sites to build faithful clones.
  • Phase-based workflow: visual reconnaissance, content scraping, asset verification, and final clone assembly.
  • Use Case: you want a quick, deployable replica of a client site for demos, redesign exploration, or migration planning.

Quick Start

Run the reconnaissance and scraping workflow to generate a deployable React + Vite clone of your target site.

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

To clone a website into a React and Vite app, the Skill performs visual reconnaissance, scrapes real content, verifies assets, and assembles a deployable clone using system Chromium and Playwright.

What is the best way to extract design tokens from a live website for rapid prototyping?▼

Extracting design tokens from a live site involves visual reconnaissance of the target pages to capture styles and layouts, enabling rapid prototyping and faithful design references in your local environment.

Do I need Playwright and system Chromium installed to scrape website layouts?▼

Yes, you need Playwright and system Chromium installed to scrape website layouts, as these dependencies are required to build, verify, and assemble the artifact scaffold for the clone.

Can I use scraped website content for migration planning and redesign exploration?▼

Yes, you can use scraped website content for migration planning and redesign exploration, provided you own the site or have explicit permission to clone it for legitimate-use scenarios.

Why does website cloning require an artifact scaffold during the assembly phase?▼

Website cloning requires an artifact scaffold during the assembly phase to structure the scraped content and verified assets into a functional, deployable React and Vite web application.