以前想复刻一个网站的设计风格，要么手动扒开发者工具一个个记录颜色字体，要么截图丢给AI结果惨不忍睹，现在有了「AI Website Cloner Template」这个开源项目，一条网址就能把整站的样式、组件、交互全部还原出来。
一、AI Website Cloner Template能做什么
它能做的事情说白了就是快速复刻还原一个网站，你只需要把网址丢给Agent编程工具，几分钟后它就能把整个网站扒下来——字体、颜色、组件这些内容都在，然后照着重建一遍。
它本质上是一个Skill，可以装到几乎任何Agent工具里跑，命令如下：
/clone-website 要克隆的网站地址
你甚至可以一次丢好几个网址进去，同时处理好几个网站，这一点确实挺方便的。
运行起来之后，它会连上你Chrome浏览器里装的Chrome MCP插件，对目标网站从头到尾摸一遍——页面怎么滚动、按钮点下去有什么反应，这些交互细节都会记下来。
页面尺寸的适配兼容性也不会漏掉，窗口缩大缩小、手机端和电脑端显示的情况都会一并了解。
颜色值、字体、组件间距这些设计细节，它也会全部记录下来，顺带把网站用到的图片、视频素材下载到本地，方便重建时候直接用。
接着它会把整个页面拆成一块一块的，比如导航栏、轮播图、功能介绍、页尾这些模块，每一块都写一份详细说明——具体到字体、颜色、文案、交互方式。
说明写完，任务就分给好几个Agent同时开工，一个搭导航栏，一个搭轮播图，各干各的。
等各自完成后再把这些部分拼到一起，跑一遍检查，代码没问题，就在本地跑起来给你看结果。
二、AI Website Cloner Template使用场景
这个工具对你来说，大概有这么几个用得上的场景。
想重构自己的老网站，可以先让它生成一份说明书，再让AI照着说明书用新框架重新开发一遍。
还有种比较极端的情况——网站源代码丢了，但网站本身还在跑，这时候就可以让AI逆向复刻，把代码找回来。
对刚入门的技术新手来说，它也是个不错的学习工具，可以拿来看看感兴趣的网站交互效果、布局样式到底是怎么实现的。
不过有一条底线得守住：不能拿这工具把别人网站一比一复刻下来，自己上线拿去赚钱。
以前一说AI编程，大家想到的多半是写代码、修Bug这类活儿。现在一个链接丢过去，AI就能把整个网站的信息摸透，克隆出一个几乎一模一样的版本。往后前端拼的可能不再是谁抄样式抄得快，而是谁的设计判断和产品思路更值钱——复刻这件事，现在AI确实比人做得又快又细。
AI 速览
