★ 编辑实测 · web-clone（Jane-xiaoer/claude-skill-web-clone）

{
  "schema_version": "0.5",
  "entry_id": "ASR-REPO-20260820-web-clone",
  "record_type": "skill_repo",
  "title": "编辑实测 · web-clone（Jane-xiaoer/claude-skill-web-clone）",
  "observed_at": "2026-08-20",
  "source": {
    "name": "github.com/Jane-xiaoer/claude-skill-web-clone",
    "url": "https://github.com/Jane-xiaoer/claude-skill-web-clone",
    "snapshot_hash": "3c66a3f6dacc5ffe5802fdf3c3e966326bad4e4e539ca0bdcde7dfe10df0f274",
    "fetched_at": "2026-08-20T08:05:00+00:00"
  },
  "confidence": "high",
  "human_stream": {
    "summary": "web-clone 是 Jane-xiaoer 开源的「网站复刻方法论」Skill（955★ / 119 forks / MIT），把「忠实复刻任意网站（静态 / React / WebGL）」做成 6 步决策树 + 8 个可执行探测脚本，头号铁律 = 真源码至上、绝不照抄 AI 臆造代码。SkillsLLM（Verified）与 UI Skills 双目录收录，安装方式 git clone 或 npx skills add。",
    "key_points": [
      "真源码至上：AI 二手分析里的可执行代码块默认视为臆造，必须逐行核对真源码",
      "6 步决策树：先搜 GitHub 源码 → 浏览器侦察 → 判路径（wget / 模板重建 / WebGL 逆向）→ 搭工程 → 真浏览器验证 → 替换内容",
      "8 个内置脚本：recon / mirror / route-crawl / interaction-probe / network-capture / asset-harvest / dna-scaffold / visual-diff",
      "旗舰案例 marbles：真架构=解析法光线求交 + SVG feDisplacementMap，AI 分析误判为 ray-marching + SDF",
      "许可纪律：无 LICENSE 的站默认 All Rights Reserved，不得公开再部署",
      "双目录收录：skillsllm.com（Verified）与 ui-skills.com，均有独立安装页"
    ],
    "note": "本平台 2026-08-20 人工通读 GitHub README 全文，并交叉核对 skillsllm.com 与 ui-skills.com 两个目录站的收录页（非爬虫索引）。分析结论：这是「方法论文档 + 探测脚本」型 Skill，本身不产出成品页面，而是给 Agent 一套可执行的复刻纪律与证据分级；与本站「出版社式真实溯源」理念高度一致。",
    "what_it_is": "web-clone 是 Jane-xiaoer 开源的 Claude Code / Codex 通用 Skill：把「复刻任意网站（单文件静态页到 WebGL 重前端）」做成 6 步决策树 + 8 个可执行脚本，核心纪律是「真源码至上」，任何 AI 生成的复刻分析中的可执行代码块默认视为臆造、必须逐行用真源码核对。",
    "worth_it": "适合需要忠实复刻参考站、竞品站或 WebGL 特效、或把「网站感觉」蒸馏成 design-dna.json 做视觉爆改的场景。955★ + MIT + 脚本齐全说明社区认可度高，且复刻纪律与许可意识强。注意：它不替代设计，执行质量取决于 Agent 与人工核对；本平台已通读源码级文档，但未做全流程沙箱实测。",
    "how_to_start": "git clone https://github.com/Jane-xiaoer/claude-skill-web-clone.git ~/.claude/skills/web-clone（或 npx skills add https://github.com/Jane-xiaoer/claude-skill-web-clone --skill web-clone），然后对 Claude / Codex 说「复刻这个网站: https://...」即可自动走决策树。",
    "evidence": [
      "Star 955 · Fork 119 · 语言 JavaScript · 许可 MIT（GitHub API 2026-08-20 实测）",
      "收录于 skillsllm.com（Verified 徽标，Added 7/2/2026）与 ui-skills.com（npx skills add 安装命令）",
      "内置 8 个脚本：recon-site / mirror-site / route-crawl / interaction-probe / network-capture / asset-harvest / dna-scaffold / visual-diff",
      "旗舰案例 marbles：真架构=解析法光线-球体求交 + SVG feDisplacementMap，AI 分析误判为 ray-marching + SDF + DOM 采样（references/marbles-case.md）",
      "许可纪律明确：MIT/Apache/BSD 可改可上线；NONE=默认 All Rights Reserved，仅本地学习"
    ],
    "cautions": "复刻任何站点前必须先核对目标站许可（公开在 GitHub ≠ 可自由使用）；Skill 内嵌示例路径含作者本机绝对路径（如 /Users/jane/.shared-skills/...），需按自己环境调整；本平台已人工分析文档与目录站收录，未做全流程沙箱实测。"
  },
  "ai_stream": {
    "structured": {
      "full_name": "Jane-xiaoer/claude-skill-web-clone",
      "stars": 955,
      "forks": 119,
      "language": "JavaScript",
      "license": "MIT",
      "description": "Methodology for faithfully cloning any website (static / React / WebGL) — without copying AI-hallucinated code. Real source first.",
      "url": "https://github.com/Jane-xiaoer/claude-skill-web-clone",
      "topics": [
        "claude-code",
        "claude-code-skill",
        "methodology",
        "reverse-engineering",
        "web-cloning",
        "webgl"
      ],
      "skill_name": "web-clone",
      "skill_md_paths": [
        "SKILL.md"
      ],
      "install": [
        "git clone https://github.com/Jane-xiaoer/claude-skill-web-clone.git ~/.claude/skills/web-clone",
        "npx skills add https://github.com/Jane-xiaoer/claude-skill-web-clone --skill web-clone"
      ],
      "directory_listings": [
        {
          "name": "skillsllm.com",
          "url": "https://skillsllm.com/skill/claude-skill-web-clone",
          "verified": true,
          "added": "2026-07-02"
        },
        {
          "name": "ui-skills.com",
          "url": "https://www.ui-skills.com/skills/jane-xiaoer/web-clone"
        }
      ],
      "analysis_points": [
        "6 步决策树：GitHub 搜源码优先 → 浏览器探针侦察（1440/768/390 截图+框架信号）→ 分支路径（wget 镜像/模板重建/WebGL 逆向/静态构建站全资产镜像）→ 标准工程骨架 → 真浏览器验证 → 替换内容",
        "证据分级：SOURCE / PARTIAL / GUESS，baseline-first 复现闸门（references/effect-extraction.md）",
        "design-dna.json：把设计 token/风格/特效蒸馏成可版本化 JSON，支持视觉复刻与内容爆改模式",
        "静态构建站（Astro/Vite SSG/Hugo）连 WebGL 也可 1:1 镜像（含运行时 fetch 的 .sog/.buf/.wasm）"
      ],
      "keywords": "网站复刻 · 网站克隆 · 复刻网站 · clone website · web-clone",
      "human_analyzed": true,
      "source_label": "github.com/Jane-xiaoer/claude-skill-web-clone"
    },
    "raw": [
      {
        "repo": "Jane-xiaoer/claude-skill-web-clone",
        "stars": 955,
        "forks": 119,
        "language": "JavaScript",
        "license": "MIT",
        "description": "Methodology for faithfully cloning any website (static / React / WebGL) — without copying AI-hallucinated code. Real source first.",
        "readme_headline": "Web Clone · 网站复刻方法论：Reproduce any website without faking it from AI hallucinations."
      },
      {
        "directory": "skillsllm.com",
        "verified": true,
        "added": "2026-07-02",
        "install": "git clone https://github.com/Jane-xiaoer/claude-skill-web-clone"
      },
      {
        "directory": "ui-skills.com",
        "install": "npx skills add https://github.com/Jane-xiaoer/claude-skill-web-clone --skill web-clone"
      }
    ]
  },
  "token_cost": {
    "total": 0.0,
    "currency": "USD",
    "breakdown": {
      "crawl": 0.0,
      "clean": 0.0,
      "elevate": 0.0,
      "verify": 0.0
    }
  },
  "machine_verified": true,
  "review": {
    "status": "agent_reviewed",
    "reviewer": "pipeline-validate",
    "reviewed_at": "2026-08-20T08:33:14+00:00",
    "comments": "人工分析条目（provenance.curated）机检通过；schema 0 error + 溯源一致 + 成本达标"
  },
  "provenance": {
    "curated": true,
    "extracted_by": "codex",
    "extracted_at": "2026-08-20T08:35:00+00:00",
    "pipeline": "人工调研（Codex 2026-08-20）：GitHub API + README + SkillsLLM/UI Skills 目录页",
    "access_urls": [
      "https://github.com/Jane-xiaoer/claude-skill-web-clone",
      "https://skillsllm.com/skill/claude-skill-web-clone",
      "https://www.ui-skills.com/skills/jane-xiaoer/web-clone"
    ]
  }
}