AI 网站复刻是怎么工作的
从网址或截图到可编辑的 React——CopySite AI 复刻背后的抓取、生成、差异和发布流水线。
2026年6月18日
CopySite AI 团队
用 CopySite AI 复刻一个网站,指的是把相似的结构和视觉风格重建为干净、可编辑的代码——而不是复制素材、品牌 IP 或受版权保护的材料。下面是整条流水线怎么跑。
1. 抓取
- 网址 — 我们抓取页面,提取结构化大纲(区块、标题、导航、以文字描述的图片、配色提示),并截图供智能体参考。SSRF 防护会在任何请求发出前拒绝内网/私有地址。
- 截图 — 你上传一张图片。我们直接把它连同生成简报交给具备视觉能力的模型。
抓取结果会被总结成一份来源上下文:对页面是什么、如何布局的紧凑描述。智能体拿到的从来不是原始 HTML 原文,而是一份解读。
2. 生成
来源上下文加上你选择的技能(落地页、仪表盘、作品集、电商)会交给在沙箱里运行的编码智能体。智能体写出真实的 React + Tailwind 文件:合理的组件树、响应式布局、主题化变量、占位文案和图片。它追求的是来源的感觉和结构,从零生成。
3. 差异与预览
每次生成都存为一个快照。你会得到:
- 生成网站的实时预览。
- 与上一个快照的逐文件差异。
- 与来源截图并排的视觉对比,看哪些到位了、哪些要再调。
不喜欢这次改动?回滚到任意历史快照。项目会保留完整历史。
4. 在对话里精修
第一版只是草稿。接下来你可以用大白话迭代:“把首屏间距收紧一点”、“配色换成靛蓝”、“加一个联系表单”。每条消息产生一个新快照和一份新差异,每一步都可审计。
5. 发布与导出
满意之后:
- 导出为 zip,或推送到 GitHub。
- 一键部署到边缘网络。
- 生成的代码归你——标准、可移植、无锁定。
关于权利
你需要确保自己有权复刻所提供的任何来源。CopySite AI 是用原创代码重建结构和风格的工具,并不是用来逐字逐图复制他人受保护素材的。用它来学习、做原型、用新栈重建你自己的网站——并保持在知识产权的正确一边。