web-clone

75 / 100 · Review before installing

Check before installing.

By nexu-io/open-design (GitHub) · design · 107,137 stars · scanned at commit 6147958

网站复刻 / 克隆方法论。USE WHEN 用户说复刻网站、克隆网站、clone website、抄个站、仿站、照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 9 places.

skills/web-clone/SKILL.md, line 50node scripts/init-clone.mjs <站名> --url <原站URL> --in-place
skills/web-clone/SKILL.md, line 58unset SSL_CERT_FILE # macOS 怪癖，bash 前先解
skills/web-clone/SKILL.md, line 74node scripts/recon-site.mjs \

Show 6 more

skills/web-clone/SKILL.md, line 122node scripts/dna-scaffold.mjs \
skills/web-clone/SKILL.md, line 150pwd
skills/web-clone/SKILL.md, line 161node scripts/od-preview-rewrite.mjs --project .
skills/web-clone/SKILL.md, line 172node scripts/recon-site.mjs \
skills/web-clone/SKILL.md, line 252SSL_CERT_FILE=/etc/ssl/cert.pem gh api repos/<u>/<r> | jq '.license' # + 找 LICENSE 文件 + 看 README
skills/web-clone/scripts/lib/system-browser.mjs, line 1import { spawn } from "node:child_process";

Sends data to these websites: raw.githubusercontent.com, use.typekit.net

The author does not mention this.

Found in 11 places.

skills/web-clone/SKILL.md, line 64- 单文件站（github.io / 纯 HTML）→ 直接抓 raw：`curl -sL https://raw.githubusercontent.com/<user>/<repo>/main/index.html`
skills/web-clone/references/static-mirror.md, line 38curl -sL -A "Mozilla/5.0 …Chrome…" -e "https://<站>/" "https://use.typekit.net/<kit>.css" -o site/typekit/kit.css
skills/web-clone/scripts/asset-harvest.mjs, line 172: await fetch(entry.url, {

Show 8 more

skills/web-clone/scripts/lib/system-browser.mjs, line 26this.socket = new WebSocket(url);
skills/web-clone/scripts/lib/system-browser.mjs, line 204const request = this.requests.get(event.requestId) || {
skills/web-clone/scripts/lib/system-browser.mjs, line 427await fetch(`${this.browser.httpBase}/json/close/${this.target.id}`).catch(() => undefined);
skills/web-clone/scripts/lib/system-browser.mjs, line 443const response = await fetch(url, {
skills/web-clone/scripts/lib/system-browser.mjs, line 482const response = await fetch(`${this.httpBase}/json/new?${encodeURIComponent("about:blank")}`, { method: "PUT" });
skills/web-clone/scripts/lib/system-browser.mjs, line 516const response = await fetch(endpoint, { method: "POST", headers: { "content-type": "application/json" } });
skills/web-clone/scripts/lib/system-browser.mjs, line 525await fetch(`${endpoint}/${encodeURIComponent(session.id)}`, { method: "DELETE" }).catch(() => undefined);
skills/web-clone/scripts/sourcemap-hunt.mjs, line 51const response = await fetch(url, {

Downloads and installs other software

The author does not mention this.

Found in 1 place.

skills/web-clone/references/effect-extraction.md, line 57如果你已经装了 `web-shader-extractor`（`npx skills add lixiaolin94/skills` 里的那个 skill），

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'web-clone' ] || [ -L ~/.agents/skills/'web-clone' ]; then echo 'A skill folder named web-clone already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/nexu-io/open-design' "$d" && git -C "$d" checkout --quiet '614795896e09a2c1682b24cc1406529baf531bd7' -- 'skills/web-clone' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/web-clone' ~/.agents/skills/'web-clone' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'web-clone' ~/.claude/skills/'web-clone' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for nexu-io/open-design shows the score of its lowest-scoring skill.

SkillTrust badge for nexu-io/open-design

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/nexu-io/open-design.svg)](https://zalavijaysinh.github.io/skilltrust/repos/nexu-io/open-design/)

Score history

Date	Version	Score
2026-11-11	`6147958`	75
2026-11-08	`87a4f91`	75
2026-11-07	`87a4f91`	75