skills.rest
tamnguyentommy-rgb
tamnguyentommy-rgbCOMMUNITY
Explore all skills by this author →
GitHub

website-cloning

Clone a target website into a React + Vite app using Playwright extraction.

2|2|Updated Apr 3, 2026
Search Tags:#react#playwright#vite#website#pixel-perfect#clone
One-click install
npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill website-cloning-tamnguyentommy-rgb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project/tree/main/.local/secondary_skills/website-cloning
Command: npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill website-cloning-tamnguyentommy-rgb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cloning a website into a faithful offline React + Vite replica by extracting the source's real HTML, assets, and visuals from the source.

Core Features & Use Cases

  • Pixel-perfect cloning from source HTML and assets using Playwright-driven extraction.
  • Produces a standalone React + Vite artifact suitable for testing, design reference, or porting to other stacks.

Quick Start

Provide the target URL and run the full cloning workflow to generate a pixel-perfect React + Vite clone using Playwright extraction.

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

Website cloning into React and Vite involves using Playwright to extract real HTML and assets from the source, generating a pixel-perfect standalone app for local testing or design reference.

What is the best way to extract HTML and assets for a pixel-perfect website clone?▼

Using Playwright to extract raw source HTML, web assets, and inline SVG logos ensures a pixel-perfect website clone that faithfully replicates the original design in a React environment.

Does this website cloning workflow use Tailwind CSS for the React scaffold?▼

No, this website cloning workflow generates a plain CSS scaffold without Tailwind CSS. It builds a standalone React and Vite application to maintain exact visual fidelity to the original source.

Can I use Playwright to capture inline SVG logos when cloning a site?▼

Yes, you can use Playwright to capture inline SVG logos during extraction. The workflow specifically handles asset extraction and inline SVG logo capture to build a faithful React replica.

Why generate a standalone React and Vite build from an extracted website?▼

Generating a standalone React and Vite build creates an offline artifact suitable for testing, design reference, or porting. It wraps the extracted HTML and assets in a runnable local application.

Related Skills

Explore More Software Engineering Skills→
krzemienskikrzemienski
2

playwright-skill

Automate browser testing and interaction with Playwright scripts in /tmp.

Community
Advanced
horuz-aihoruz-ai
5

website-cloner

Clone websites into React components with Tailwind and motion via multi-agent QA workflow.

Official
Advanced
piers-sinclairpiers-sinclair
1

playwright

Automate end-to-end UI tests for React and Vite applications with Playwright.

Community
Intermediate
AugustEmnaAugustEmna

website-cloning

Clone websites into pixel-perfect React + Vite apps via Playwright extraction.

Community
Advanced