Clone websites from a live URL into a runnable project using Playwright MCP.
npx skills add https://github.com/HaydernCenterpoint/oh-my-qwen --skill web-clone
Please help me install this Agent Skill. Skill: web-clone Source: https://github.com/HaydernCenterpoint/oh-my-qwen/tree/main/skills/web-clone Command: npx skills add https://github.com/HaydernCenterpoint/oh-my-qwen --skill web-clone
Clone websites from a live URL into a runnable project that preserves layout, styling, and core client-side interactions.
Provide a live URL and the system will start the clone workflow to generate a runnable site.
High-intent search queries and answers about installing and using this skill.
You can clone a website by providing a live URL to generate a runnable project that preserves layout, styling, and core client-side interactions. The workflow uses URL-driven cloning with iterative visual verification to ensure fidelity across views.
Yes, website cloning with Playwright recreates functional parity for navigation, forms, modals, and basic client-side behavior. It extracts interactive behaviors during the automation process to ensure the clone matches the source.
Visual verification in website cloning is an iterative process that ensures the cloned project matches the source layout, typography, and colors. It validates fidelity across different views during the generation workflow.
Yes, you can use optional asset placeholders when cloning a site. Placeholders help maintain visual fidelity across views in your runnable offline or demo clone without requiring the original external assets.
Yes, you need Playwright MCP tooling and browser automation to clone websites. This setup is required to extract the source structure, styles, and interactive behaviors needed to build the runnable project.
tuandzungClone websites from URLs with Playwright and LLM-driven code generation.
LinnanliClone live websites by extracting visual layout and basic interactivity with Playwright MCP.
Sentry01Build accessible React, Vue, or Svelte components with focus management and design system compliance.
TheTesseractAIScrape live websites and generate React components from extracted design data.
