web-clone

Skill 简介

web-clone 是一套网站复刻方法论。它把“照着一个网站做出来”拆成可执行流程：先找真实源码和部署资产，再做浏览器侦察，接着判断复刻路径，最后搭工程、删追踪、写说明并用浏览器验证。

适合场景

• 想学习一个网站的页面结构、视觉节奏和交互实现。
• 需要把旧站或参考站做成本地可运行版本，方便改版讨论。
• 需要拆解复杂滚动、Canvas、WebGL 或 Three.js 效果。
• 想在不照抄业务内容的前提下，提取页面的信息架构和设计 DNA。

工作方式

这个 Skill 的核心原则是真源码优先。能找到公开源码时，先核对源码和许可证；找不到源码时，再用浏览器侦察、路由抓取、交互探针和网络记录收集证据。它会根据站点复杂度选择不同路线，例如静态镜像、模板重建、接口替身、交互状态记录或复杂前端效果拆解。

使用步骤

1. 提供目标网站 URL，并说明是学习、本地演示、视觉复刻还是内容改版。
2. 让 Codex 先查源码线索和许可证，不要直接凭印象写代码。
3. 对找不到源码的网站，先做浏览器侦察，记录框架、路由、资源、截图和交互状态。
4. 根据复杂度选择复刻方式，再搭本地工程。
5. 删除追踪脚本和不需要的第三方埋点。
6. 用真实浏览器打开本地页面，检查控制台、截图、响应式和交互状态。
7. 如果要改成自己的站，再替换文字、媒体、品牌色和业务主张。

许可边界

复刻前要先查许可证。MIT、Apache、BSD 这类许可通常允许修改和再发布，但要保留必要署名；没有 LICENSE 或没有明确授权时，只能作为本地学习和内部参考，不应直接公开部署。

注意事项

• 不要照抄 AI 生成的“复刻分析”里的可执行代码，必须用真实源码或运行证据核对。
• 不承诺完整克隆登录、支付、搜索推荐、权限系统和专有 API。
• 复杂交互站需要记录哪些效果已还原，哪些只是本地演示替身。