web-clone

Clone websites by mirroring real source code and verifying against browser evidence.

1.0k|120|Updated May 28, 2026
One-click install
npx skills add https://github.com/Jane-xiaoer/claude-skill-web-clone --skill web-clone-jane-xiaoer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-clone
Source: https://github.com/Jane-xiaoer/claude-skill-web-clone
Command: npx skills add https://github.com/Jane-xiaoer/claude-skill-web-clone --skill web-clone-jane-xiaoer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve? AI-generated website clone analyses are often full of hallucinated code that breaks when run. This Skill enforces a real-source-first methodology with executable probes so you can faithfully reproduce any website, from static pages to WebGL-heavy interactive demos, without trusting fabricated code. ## Core Features & Use Cases - 6-Step Decision Tree: Search GitHub for real source first, then probe the site with browser recon scripts, pick a path (wget mirror, template rebuild, static-site asset mirroring, or WebGL reverse-engineering), build the project, verify in a real browser, and replace content with your own. - Executable Probe Scripts: Includes recon-site, mirror-site, route-crawl, interaction-probe, network-capture, asset-harvest, sourcemap-hunt, visual-diff, compare-recon, audit-clone, and dna-scaffold scripts for evidence-based cloning. - Evidence Discipline for WebGL: Applies SOURCE/PARTIAL/GUESS evidence grading, a no-compensation rule, and a baseline-first replay gate when reverse-engineering Canvas/Three.js effects. - Use Case: Clone a WebGL demo site by mirroring every deployed asset (including runtime-fetched .wasm/.buf files), then generate a CLONE_REPORT.md with pixel-diff scores comparing original and clone. ## Quick Start Ask the AI to clone a website by saying "复刻这个网站: https://example.com" or "Clone this site for me" and it will load the decision tree and run the recon scripts.

Frequently Asked Questions about web-clone

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

FAQPage Schema
How do I clone a website without copying hallucinated AI code?

Search GitHub for the real source first using the gh API, then run browser recon probes to capture framework, canvas, and network signals. Treat every AI-written code block as unverified until checked line by line against real source.

How to clone a WebGL or Three.js website with no public source?

Use runtime frame capture to intercept real draw calls, shaders, and uniforms, then build a minimal raw replay that must pass a baseline visual gate before refactoring. Grade every conclusion as SOURCE, PARTIAL, or GUESS evidence.

Can I clone a static-built site like Astro or Hugo exactly?

Yes. The mirror-site script full-scroll captures the page and mirrors every same-origin deployed asset, including runtime-fetched .wasm, .buf, and font files, producing a 1:1 clone served from a local web root.

What are the legal limits when cloning a website from GitHub?

MIT, Apache, BSD, and Unlicense code can be modified and redeployed with credit. Repositories with no LICENSE file default to All Rights Reserved, meaning local learning only and no public redeployment without permission.

What parts of a website does this approach not clone?

It does not clone logins, payments, orders, search recommendations, permission systems, server-side business logic, or proprietary APIs. For SaaS sites it captures network responses as local JSON fixtures and mocks only the presentation layer.