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.