Web Clone · 网站复刻方法论

把"复刻一个网站"做成可重复的流程。在 OpenDesign 中，默认在当前项目目录工作：NOTES.md、RECON/、CLONE_REPORT.md、CLONE_AUDIT.md 和最终可预览的 index.html 都应写在当前项目内，除非用户明确指定外部工作目录。

OpenDesign 环境准备（跑任何 scripts/ 前先看）：

• 本 skill 的脚本会被 stage 到项目内 .od-skills/<插件目录>/scripts/（skill 前言里有确切路径）。文中命令写的 node scripts/xxx.mjs 按该路径解析，例如 node .od-skills/<插件目录>/scripts/recon-site.mjs ...；RECON/、assets/ 等产物仍写到项目根。
• 脚本内置基于 Chrome DevTools Protocol 的零依赖控制层，直接复用系统已有的 Chrome、Edge 或 Chromium；无需启动 Electron 客户端，也支持纯 od CLI。Agent 沙箱内会通过本地 daemon 创建临时 CDP 会话，避免沙箱阻止 Chrome 子进程。禁止在用户项目里执行 npm install playwright 或下载 Chromium。 若预检报告没有兼容浏览器，直接说明缺少系统浏览器或通过 OD_BROWSER_EXECUTABLE_PATH 指定路径，不要改为目测，也不要反复安装依赖。源码开发环境若已经提供 OD_PLAYWRIGHT_PACKAGE，脚本仍兼容该运行时，但它不是产品链路的前置条件。

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

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

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

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

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

Step 0 · 先建标准工程骨架