website-cloning

To clone a website into a React and Vite application, this Skill uses Playwright to scrape target site content including text, images, colors, and fonts, then generates a functional web app artifact ready for deployment.

Scraping website content for a redesign starting point is best handled by using Playwright to extract real text, images, structure, colors, and fonts, which generates a functional React and Vite application.

Website cloning with Playwright captures the original site's fonts and colors, along with real scraped text, images, and structure, ensuring the generated React and Vite application accurately replicates the target design.

You can use this for platform migration by capturing the existing site's scraped content and design elements, then generating a deployable React and Vite web application as a functional starting point on a modern stack.

You need Playwright because it is the required dependency used to scrape the target website's content, structure, and design elements, which are then used to generate the functional React and Vite web application.

Limitations when cloning dynamic websites involve capturing real scraped content like text, images, and fonts, but the generated React and Vite app serves as a static functional starting point requiring manual customization for complex dynamic interactions.