website-cloning

Clone a target website into a deployable React + Vite app using scraped content.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/lostitonce420-beep/novaura.life-official --skill website-cloning-lostitonce420-beep
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/lostitonce420-beep/novaura.life-official/tree/main/The-Gilded-Cage/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/lostitonce420-beep/novaura.life-official --skill website-cloning-lostitonce420-beep

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cloning a website's design, content, and structure into a deployable React + Vite app for testing, migration, or design reference, while enforcing legitimate use and permission requirements.

Core Features & Use Cases

  • Visual reconnaissance: gather design tokens, imagery, typography, and layout details from a live site.
  • Real-content cloning: build a runnable clone using actual text, images, navigation, and styling.
  • Safe, legitimate scenarios: confirm ownership or permission, then replace logos or branding for non-owned sites as templates.

Quick Start

Begin the clone workflow by providing a target URL and confirmation of legitimate use to generate a self-contained React + Vite clone 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, you provide a target URL and use Playwright with system Chromium to render pages, extract live data, and package a self-contained deployable app artifact including assets and design tokens.

Do I need Playwright to scrape and clone a live website?

Yes, you need Playwright with system Chromium to render the target website pages, extract live data, gather design tokens, and package the scraped content into a runnable React and Vite clone.

Can I use scraped website content to create a staging clone for migration?

Yes, you can create a staging clone for migration by scraping real content including text, images, navigation, and styling, provided you confirm legitimate use and permission to clone the target website.

What is the best way to extract design tokens and typography from a live site?

The best way to extract design tokens and typography from a live site is using a Playwright-driven scraping workflow that renders the pages and gathers visual reconnaissance data into a React and Vite project structure.

Can I clone a non-owned website to use as a design template?

Yes, you can clone a non-owned website as a design template, but you must confirm legitimate use and permission, and you should replace logos or branding to ensure safe and legitimate use of the scraped design reference.

What are the limitations of scraping a website to build a React app?

Limitations include the requirement for legitimate use and user permission, dependency on Playwright and system Chromium for rendering, and the need to manually replace branding when cloning non-owned sites as templates.