🪞

AutomationJavaScript

Web Clone

by Jane-xiaoer

Web Clone is an Automation skill for Claude Code, published by Jane-xiaoer in claude-skill-web-clone.

959 stars119 forkson Jane-xiaoer/claude-skill-web-cloneAdded 2026/08/21+1% in starsRepository updated 2026/06/30

View source on GitHub Download repo ZIP

claude-codeclaude-code-skillmethodologyreverse-engineeringskillweb-cloningwebgl

Install in seconds

Install Web Clone

Copy Web Clone into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Jane-xiaoer/claude-skill-web-clone ~/.claude/skills/claude-skill-web-clone

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Jane-xiaoer/claude-skill-web-clone.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: SKILL.md in Jane-xiaoer/claude-skill-web-clone
Installs to: ~/.claude/skills/claude-skill-web-clone
Collection: The only skill cataloged from this repository
Category: Automation — 1523 skills

What Web Clone does

Web Clone lays out a repeatable process for recreating websites from real source, network traces, and browser probes. Use it when you need to clone static sites, React/Vue/Next content sites, or WebGL-heavy frontends without relying on guessed code.

Web Clone is cataloged under Automation on DirSkills. Web Clone comes from a repository tagged claude-code, claude-code-skill, methodology, reverse-engineering and skill.

Documentation

README

Excerpt

Web Clone · 网站复刻方法论

把"复刻一个网站"做成可重复的流程。配套工程区：~/projects/website-clones/（每个复刻是一个子目录）。

头号铁律：真源码至上，绝不信 AI 推测的代码

任何 AI 生成的"复刻分析/施工图"，正文的概念骨架可以参考，但里面的可执行代码块默认全是臆造的，必须逐行用真源码核对，否则照抄必崩。

实证（marbles 案例）：一份 AI 分析文档把原站"解析法求光线-球体交点 + 把光学结果编码成位移图、交给 SVG feDisplacementMap 去扭曲真实 DOM"的真架构，臆造成了"ray-marching + SDF + 把 DOM 当纹理采样"——两套完全不同的实现，照抄做不出原效果且慢 N 倍。详见 references/marbles-case.md。

所以第一动作永远是：拿到真源码。

决策树（按顺序走，不许跳）

Step 0 · 先建标准工程骨架

node /Users/jane/.shared-skills/web-clone/scripts/init-clone.mjs <站名> --url <原站URL>

该脚本会创建 ~/projects/website-clones/<站名>-clone/、NOTES.md、RECON/screenshots/，避免每次手工漏掉产物。

Step 1 · 先去 GitHub 搜源码，别急着抓站

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Web Clone

How does Web Clone compare to other Automation skills?
Web Clone ranks #862 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Web Clone against them. Open each page to compare what they document and how they install.

More Automation skills

Web Clone is one of 1523 Automation skills cataloged on DirSkills, ranked #862 by stars among them.

Browse all Automation skills →

🔁

3w ago