开源技能 clone-website：拆解组件规格并并行构建，像素级克隆网站
开源项目推出网站克隆技能 clone-website，输入指令即可抓取真实样式并像素级复刻网页。它将页面拆成 150 行以内的单独组件规格，并通过 git worktree 让 Agent 并行构建与视觉比对。这套工程流程解决了 AI 生成前端时靠猜间距、容易糊弄的问题。
clone-website 是一个让 AI Agent 像素级克隆任意网页的开源技能。在对应环境里输入 /clone-website 加网址，Agent 就会自动扒取设计样式与素材，完整重建整个前端页面。
它是怎么做到不糊弄的
直接让大模型克隆一整个网页，AI 往往会凭感觉猜间距和字号，产出的页面看着差不多，细节却处处走样。这个技能把重点放在了具体的工程规矩上。
首先是强行把任务切碎。只要单个组件的规格描述超过约 150 行，系统就会强制拆分，只给 Agent 喂单个组件以及通过 getComputedStyle() 获取的真实 CSS 计算值，不让它凭记忆瞎猜。
在动工前，它会生成一份包含截图、真实文案、状态和本地素材路径的 spec 规格文件当作施工合同。同时它还会先慢慢滚动页面，判断动效是滚动驱动还是点击驱动，避开整段推倒重写的昂贵错误。最后，多个 builder Agent 会在各自独立的 git worktree 分支里并行写代码，合并后再与原网站做视觉 diff 比对。
为什么重要
能抓网页的工具不少，但普通工具生成的页面往往需要人工花大量时间微调样式。我们认为，这个项目的价值在于证明了管束 Agent 的有效路径：只要把任务拆得足够小、用真实数据锁死规格，并在隔离环境里跑自动化比对，AI 就能做出极高精度的前端复刻。经常需要搭建页面原型或重构界面的开发者，很值得去参考它的这套工程拆解思路。
来源 (1)
- github.com（在新标签页打开）原文github.com