Recreate websites as single-file HTML prototypes using Playwright.
npx skills add https://github.com/coco-research/coco --skill clone-website-coco-research
Please help me install this Agent Skill. Skill: clone-website Source: https://github.com/coco-research/coco/tree/main/skills/clone-website Command: npx skills add https://github.com/coco-research/coco --skill clone-website-coco-research
This Skill removes the slow, manual work of recreating websites by turning a live page into a faithful, self-contained HTML prototype that can be opened and reviewed immediately.
Use the clone-website skill with one or more target URLs to generate a single-file HTML prototype of the site.
High-intent search queries and answers about installing and using this skill.
Cloning a website into a single-file HTML prototype involves using Playwright to capture screenshots, computed styles, assets, and interactions, then reconstructing the page section-by-section with inline CSS, JavaScript, and encoded media into one standalone file.
Yes, extracting CSS styles and images from a live webpage for UI replication uses Playwright to capture computed styles, SVGs, images, and interactive behavior, producing a self-contained HTML output with all assets encoded inline.
Creating a pixel-perfect HTML prototype from an existing URL is done by capturing layout, typography, spacing, colors, and visual hierarchy through Playwright, then compiling them into a standalone HTML file with inline CSS and JavaScript.
Yes, Playwright supports capturing interactive behavior for website cloning by extracting screenshots, computed styles, and interactive behavior directly from the target webpage to faithfully reproduce interactions in the final single-file HTML output.
When recreating a web app as a standalone HTML file, limitations include capturing only the static visual state and mapped interactions of the provided URLs, meaning dynamic server-side data fetching or complex backend logic is not replicated in the self-contained output.
No, you do not need multiple URLs, as the tool applies to website and web app cloning tasks from one or more URLs, performing design extraction, interaction mapping, and section-by-section reconstruction to generate a complete single-file HTML prototype.
AradotsoConvert webpage DOM layouts, computed styles, and assets into Figma-compatible JSON.
rohunvoraBuild self-contained single-file browser tools with inline CSS and JavaScript.
NS-VandanaRecreate pixel-perfect UI layouts from screenshots or image references.
lucasmccombCapture multi-viewport screenshots and analyze DOM, CSS, and computed styles for design issues.
