前言¶
复刻网站时，常见的失败原因在于依赖 AI 推测代码而非真实源码。web-clone 插件提供了一套基于真源码的决策树工作流，帮助开发者从静态页到 React/Vue/Next 站点进行高保真复刻。
它是什么¶
这是一个由 Edisonzszs 维护的工作流插件。它覆盖静态站、内容型前端和动画站三大分支，强制核验 AI 分析中的可执行代码。
核心功能¶
- 高保真静态与内容站：能处理静态营销页、企业官网、内容型 React/Vue/Next 前端以及可拿到源码的动画站。
- 视觉还原但简化：能进行视觉还原，但会简化 CMS 后台、复杂滚动叙事、多端断点、WebGL/Canvas 特效和第三方嵌入。
- 明确边界：默认不承诺完整克隆登录、支付、下单、搜索推荐、权限系统、服务端业务逻辑、专有 API 以及受版权限制的素材。
安装与启用¶
通过 DeepSeek Harness 安装：
dsh plugin add Edisonzszs/web-clone
安装后，本仓库作为 dsh.bundle 插件挂载，skill 以 web-clone 名称进入会话。references/ 与 scripts/ 随插件分发，按技能正文中的相对路径调用。
典型用法¶
当用户表达复刻意图时，可按以下步骤操作：
- 识别意图：用户说出“复刻网站”、“克隆网站”、“clone website”、“reproduce site”、“还原某个网页效果”或“复刻某个交互/WebGL/Canvas/Three.js 效果”时使用。
- 机器校验：运行机器校验脚本，检查字体、图片和颜色保真度。
node scripts/audit-clone.mjs --recon --strict
- 全程侦察：使用侦察脚本获取框架、资源和 DOM 信息。
node scripts/recon-site.mjs
- 素材抓取：抓取真实用到的图片/字体/媒体（含防盗链 CDN）。
node scripts/asset-harvest.mjs
注意事项¶
- 真源码至上：头号铁律是必须使用真源码，绝不信 AI 推测的代码。
- 许可合规：无 LICENSE 文件 ≠ 可自由使用。未声明许可默认保留所有权利，仅可本地学习/复刻，须署名原作者，未经许可不得公开重新部署。
- 素材替换：上线前必须按
NOTES.md的“部署前须替换清单”替换掉受版权/商标保护的素材。 - 技术栈：脚本内置基于 Chrome DevTools Protocol 的零依赖控制层，不需要
npm install playwright。
总结¶
web-clone 插件通过提供一套基于真源码的决策树，解决了复刻工作中代码推测不准确的问题。它适用于需要高保真还原静态页和内容站的项目，但开发者需特别注意版权许可和素材替换环节。
