skills.rest
ZevileN
ZevileNCOMMUNITY
Explore all skills by this author →
Website𝕏@ZevileKGitHub

clone-website

Reverse-engineer a target URL into a pixel-perfect clone with auditable component specs.

32|6|Updated Mar 29, 2026
Search Tags:#website#pixel-perfect#clone#builder-agents#chrome-mcp#auditable-specs
One-click install
npx skills add https://github.com/ZevileN/hack-JCodesMore-ai-website-cloner-template --skill clone-website-zevilen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: clone-website
Source: https://github.com/ZevileN/hack-JCodesMore-ai-website-cloner-template/tree/main/.claude/skills/clone-website
Command: npx skills add https://github.com/ZevileN/hack-JCodesMore-ai-website-cloner-template --skill clone-website-zevilen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide the target URL as an argument.

Core Features & Use Cases

  • Extract assets, CSS, and content from a live site and organize them into auditable specs.
  • Dispatch parallel builder agents to reconstruct sections while preserving source fidelity.
  • Produce pixel-perfect clones that can be rebuilt, reverse-engineered, or copied for reuse.

Quick Start

Provide the target URL as an argument to start cloning a site.

Frequently Asked Questions about clone-website

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

FAQPage Schema
How do I create a pixel-perfect clone of an existing website?▼

To create a pixel-perfect website clone, you provide the target URL to reverse-engineer the site section-by-section, extracting assets and CSS to rebuild the page with auditable component specs.

Can I use Chrome MCP to automate reverse-engineering a live website?▼

Yes, Chrome MCP provides the browser automation environment required to analyze the target URL, extract live site assets and CSS, and dispatch parallel builder agents for reconstruction.

How does parallel builder agents accelerate website cloning?▼

Parallel builder agents are proactively dispatched to separate worktrees to reconstruct extracted sections simultaneously, accelerating delivery while preserving source fidelity.

Do I need a scaffolded project to clone a website with auditable specs?▼

Yes, a scaffolded project is required. It serves as the destination for the extracted assets, CSS, and content, emitting validated component specs for the rebuilt clone.

What is the best way to copy and rebuild a website for reuse?▼

The best way to copy a website for reuse is to extract its content and styling into auditable specs first, then dispatch parallel builder agents to reconstruct the sections with pixel-perfect fidelity.

Why are auditable component specs needed when replicating a website?▼

Auditable component specs organize the extracted assets, CSS, and content section-by-section, ensuring the pixel-perfect clone can be validated, reverse-engineered, and rebuilt accurately.

Related Skills

Explore More Design & Creative Skills→
hgflimahgflima
1

browser-testing-with-devtools

Automate browser testing with Chrome DevTools MCP for DOM inspection and console analysis.

Community
Advanced
bhushanofficial69-specbhushanofficial69-spec

website-cloning

Clone websites into React + Vite apps using Playwright extraction.

Community
Advanced
kmshihab7878kmshihab7878
6

clone-website

Clone public websites into componentized Next.js projects via Playwright extraction.

Community
Advanced
outwebfengoutwebfeng
4

clone-website

Clone websites by extracting page content, CSS, and assets with parallel processing.

Community
Advanced