Clone live websites into HTML/CSS/JS or framework code with Playwright MCP verification.
npx skills add https://github.com/prthik/prathik-astro --skill web-clone-prthik
Please help me install this Agent Skill. Skill: web-clone Source: https://github.com/prthik/prathik-astro/tree/main/.codex/skills/web-clone Command: npx skills add https://github.com/prthik/prathik-astro --skill web-clone-prthik
Clone a live website from a URL, reproducing both the visual appearance and core interactive functionality with automated verification.
Provide a live URL and the tool will generate a clone that mirrors visuals and interactivity, ready for deployment or testing.
High-intent search queries and answers about installing and using this skill.
To clone a live website from a URL, this tool extracts the visual layout, styling, and interactive behavior to generate a faithful replica. It outputs ready-to-deploy HTML/CSS/JS or framework-specific code using automated visual scoring for verification.
Automated visual verification uses Playwright browser tooling to capture page structure and compute styles. After generating the clone, it performs visual scoring to validate functional parity and ensure the replica mirrors the original live URL.
Yes, you can generate framework-specific components when cloning a webpage. The tool outputs single-page clones in either plain HTML/CSS/JS or framework-specific code, applying iterative refinement to match the original site's visual fidelity and interactivity.
Yes, you need Playwright MCP to reproduce a website's layout and interactivity. It is required to capture page structure, compute styles, and validate functionality, while also performing safety checks for access permissions during the cloning process.
Limitations of cloning single-page websites include being restricted to single-page replicas from a provided URL. The process also applies safety checks for access permissions, meaning sites with restricted access or complex backend logic may not be fully reproducible.
The best way to automate frontend replication is using URL-driven site cloning with LLM generation and Playwright tooling. This approach extracts visual layout and styling, applies iterative refinement, and uses automated visual scoring to ensure functional parity.
WiseWolfPTCopy a landing page design from a URL or image into a codebase page using Playwright MCP.
abcnutsGenerate production-ready HTML/CSS/JS, React, or Vue interfaces with cohesive visual design.
wmasfoeClone a target URL into a pixel-faithful single-page replica with Playwright MCP verification.
AnsteorraInspect website design issues and apply source-level fixes with Playwright.
