website-cloning

Clone websites into deployable React + Vite apps with Playwright.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Amarbharati-07/cms1 --skill website-cloning-amarbharati-07
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/Amarbharati-07/cms1/tree/main/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/Amarbharati-07/cms1 --skill website-cloning-amarbharati-07

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 existing websites into functional React + Vite applications, complete with scraped content and design elements.

Core Features & Use Cases

  • Full Website Cloning: Replicates the visual design, structure, and content of a target website.
  • Scraped Content Integration: Uses real text, images, colors, and fonts from the source site.
  • Deployable React + Vite App: Generates a modern web application artifact.
  • Use Case: A user wants to rebuild their company's outdated website on a modern stack. This skill can clone the existing site's layout and content as a starting point for the new React + Vite application.

Quick Start

Use the website-cloning skill to clone the website located at https://example.com into a new React + Vite application.

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 Playwright to scrape real content, images, text, colors, and fonts, then generates a deployable web app artifact capturing the target site's structure and visual design.

Does website cloning with Playwright capture real images and fonts?

Yes, website cloning with Playwright captures real scraped content including actual images, text, structure, colors, and fonts from the source site, integrating them directly into the generated React and Vite application.

Can I use scraped website content to rebuild an outdated site on a modern stack?

Yes, you can use scraped website content to rebuild an outdated site on a modern stack by cloning the existing layout and text into a new React and Vite application as a functional starting point.

What is the best way to automate replicating an existing website's layout and design?

The best way to automate replicating an existing website's layout and design is using a scraping tool like Playwright to extract visual elements and content, then generating a functional React and Vite web application artifact.

Do I need Playwright to scrape websites and generate React code?

Yes, you need Playwright installed as a dependency to scrape websites and generate React code, because it drives the browser automation required to capture the target site's real content and design elements.

Are there limitations when cloning dynamic websites into Vite apps?

When cloning dynamic websites into Vite apps, limitations may arise because the process captures the scraped visual design and content at a specific moment, meaning dynamic backend functionality or real-time data interactions are not replicated.