如何让AI像素级克隆网站（构建克隆工具的经验总结）

每个我尝试过的AI克隆工具大概能搞定90%，然后我会花上几个小时来修复布局，并反复提示。所以我深入研究了为什么代理在此任务上会失败。以下是一些反直觉的真实经验： 1. 截图实际上会给你添乱。Claude Code和Codex会“目测”截图并猜测间距、尺寸和颜色。它从来都不准确。你最好完全不使用视觉，而是直接从实际页面结构入手。 2. 模型不理解“布局”的概念。它们可以整天写CSS，但实际上并不会推理元素在页面上如何流动、嵌套和对齐。如果你给它们一份充满覆盖和框架噪音的样式表，它们会迷失方向。相反，给它们浏览器渲染出的确切内容：每个元素的最终尺寸、位置和样式。没有猜测。 3. 字体、SVG和图片会悄悄地破坏你的布局。不同的资源占用不同的空间。换错字体或占位图片，一切都会移位：文字换行方式不同、部分区域错位，而你根本找不到原因。你必须拉取实际的资源。 4. 先克隆为纯HTML，再转换。直接从渲染好的网站跳到Next.js或Vue是代理失败的地方。但从干净的HTML克隆到框架就很容易。两个简单的步骤胜过一步到位。 *免责声明* 我构建了一个工具来完成所有这些工作。如果你不想自己迭代，只想节省时间，可以试试Copy-Anything。在提示中输入URL，就能得到一个约99%保真度的可用克隆。免费开源，链接在评论区。如果你想让我进行压力测试，请在下方留下网站地址。