clone-website

Clone websites into self-contained HTML prototypes with inline CSS and JS.

264|11|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/rkz91/coco --skill clone-website-rkz91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clone-website
Source: https://github.com/rkz91/coco/tree/main/skills/clone-website
Command: npx skills add https://github.com/rkz91/coco --skill clone-website-rkz91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clone websites into pixel-perfect, self-contained HTML prototypes, eliminating the need for full-stack builds to validate designs.

Core Features & Use Cases

  • Extract design tokens, assets, CSS, and interaction patterns from the target site
  • Produce a single self-contained HTML file with inline CSS/JS and embedded assets
  • Supports multiple URLs and real data injection for realistic previews
  • Suitable for design exploration, stakeholder demos, and rapid prototyping

Quick Start

Provide one or more target URLs as arguments to clone-website and run the skill to generate a self-contained HTML prototype.

Frequently Asked Questions about clone-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I clone a website into a self-contained HTML prototype?

To clone a website into a self-contained HTML prototype, you provide target URLs to extract design tokens, assets, and CSS. The process outputs a single HTML file with inline CSS/JS and embedded assets for immediate inspection.

What is a pixel-perfect website clone used for in design validation?

A pixel-perfect website clone is used for rapid design validation and reverse-engineering layouts. It eliminates the need for full-stack builds by producing a self-contained HTML prototype suitable for stakeholder demos and exploring tokens.

Can I generate HTML prototypes from multiple URLs at once?

Yes, you can generate HTML prototypes from multiple URLs at once. The cloning process supports multiple URLs and real data injection to produce realistic previews within a single self-contained HTML file.

Does Playwright work for extracting CSS and assets into a single HTML file?

Playwright works for extracting CSS and assets by automating the target site to capture its design tokens and interaction patterns. It helps produce a single HTML file with inline CSS/JS and embedded assets ready for immediate inspection.

What are the limitations of cloning websites into static HTML prototypes?

Limitations of cloning websites into static HTML prototypes include capturing only the current state of the target site without backend functionality. The single HTML file contains inline CSS/JS and embedded assets, meaning dynamic server-side interactions are not replicated.