website-cloning

Clone a target website into a pixel-perfect React + Vite app using Playwright.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/samibrahmi/instanotes-api --skill website-cloning-samibrahmi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-cloning
Source: https://github.com/samibrahmi/instanotes-api/tree/main/newcontent/secondary_skills/website-cloning
Command: npx skills add https://github.com/samibrahmi/instanotes-api --skill website-cloning-samibrahmi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clones a target website into a pixel-perfect React + Vite app, enabling designers, developers, and students to study structure, replicate layouts, or migrate design references with an executable blueprint.

Core Features & Use Cases

  • Pixel-perfect replication of layout and visuals across desktop, tablet, and mobile views.
  • Asset extraction and local asset download for reliable, offline builds.
  • Use Case: create a staging clone of a client's site for redesign, migration, or design reference.

Quick Start

Provide a target URL and instruct the system to generate a pixel-perfect React + Vite clone.

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 app with pixel-perfect layout?

You can clone a website into a React app by providing a target URL, which triggers Playwright to extract layout, visuals, and assets, generating a build-ready Vite project replicating the design across desktop, tablet, and mobile viewports.

What is the best way to create a staging copy of a website for design reference?

Creating a staging copy for design reference is best achieved by cloning the target site into an executable React and Vite blueprint, which allows you to study structure, replicate layouts, and migrate designs offline with locally downloaded assets.

Can I use Playwright to extract website assets and download them locally?

Yes, you can use Playwright to extract website assets and download them locally, ensuring reliable and offline builds for your cloned React application without depending on external CDN links or original server availability.

Does this website cloning tool support responsive design across different viewports?

This website cloning tool supports responsive design by extracting and replicating pixel-perfect layouts across desktop, tablet, and mobile viewports, ensuring the generated React and Vite application matches the target site's responsive behavior.

What are the limitations when using a website cloning tool for redevelopment?

Limitations include strict enforcement of legitimate use policies, meaning it applies only to cloning owned sites for redevelopment or building design references, rather than reproducing sites you do not own or have rights to copy.