说到网站克隆，以前常规的做法是截图，丢给Agent，或者直接把网址丢给Agent，剩下的看大模型的能力，能力越强，克隆出来的效果就过得去。

之前老马也尝试过用Agent去克隆心仪的网站，但总体测下来，克隆后的网站相似度，大概一半50%左右，不是太理想。

说好了是克隆，你当然是希望跟被克隆网站一模一样最好。那今天就给大家介绍一个Skill模板：ai-website-cloner-template。

它是一个Skill和AGENTS.md的组合包，让Agent知道怎么把一个网站逆向克隆成干净可用的代码。

它支持13种主流的AI Coding Agent，比如什么Claude Code，Cursor、Codex这些，但不是Coding Agent也能用。

通用Agent同样支持，比如OpenClaw、Hermes、WorkBuddy、QoderWork、Qclaw、Marvis等等。

输出技术栈为主流的Next.js + shadcn/ui + Tailwind v4，克隆后的代码可以直接部署到本地查看效果，或者放到线上服务器。

ai-website-cloner-template的github开源地址如下：

github.com/JCodesMore/ai-website-cloner-template

老规矩，访问不了github的，可以给老马的公众号发消息：github访问，AI会告诉你方法。没有神秘力量的，去海鲜市场打听打听。

因为现在Agent都支持MCP，或者浏览器自动化，等下去克隆网站的时候，就需要用到浏览器自动化，通过操控谷歌之类的浏览器去复制网站。

要实现浏览器自动化，就得安装浏览器的拓展程序，或者叫插件。而拓展程序跟插件，以谷歌浏览器为例，都得访问谷歌的拓展程序商店。

所以神秘力量是必不可少的，有了浏览器自动化，这个Skill才能正常运作。以上准备工作完毕，下面就跟着老马的实操，一起来看看。

老马这次用到的Agent软件是QoderWork，发现结合Qwen3.7Max，居然还挺好用的，当然也可能是在Mac上跑起来顺滑一点。

直接用一句话告诉你的Agent，在你已经成功搞定github访问之后，让它去安装这个Skill：

安装Skill完成之后，再用一句话告诉Agent，让它去克隆某某网站。老马选择的还是去克隆trae的官网，因为它的官网设计还是挺漂亮的：

这时QoderWork提示老马，没有安装任何浏览器自动化工具。而QoderWork它本身是自带的，只需要在连接器里面找到浏览器，安装对应的谷歌浏览器拓展插件，即可开启连接成功：

这一步必须得说明一下，不同的Agent，设置浏览器自动化不一样。比如Codex，也是去插件里面装一个谷歌浏览器的拓展，其它的Agent，你就得仔细看看软件界面的操作。

实在是不懂得操作的，你就直接问Agent，像WorkBuddy怎么设置开启浏览器自动化，在软件上怎么操作，让Agent指导你去一步步设置。

浏览器自动化搞定之后，再重复发送提示词，告诉Agent去克隆某某网站，把网址也带上即可：

老马的QoderWork在这期间居然还出现了一次浏览器MCP连接失败，不过没有关系，重新让它继续操作一下，可以看到Agent确实是在自动化操作浏览网页的：

克隆的速度快与慢，取决于网站的复杂程度，像老马克隆的这个trae的官网，大概十来分钟就搞定了，并且本地部署完成，可以直接打开进行效果预览：

最终的效果老马个人感觉是能达到百分之七八十，但是开屏的粒子动画效果是没有复制成功，仅仅简单弄了点背景效果，整体页面截图如下：

大家感兴趣的可以装一下这个Skill，找找合适的对标网站克隆下来，再继续跟Agent沟通，做二次的修改，这比直接让Agent去开发网站，出来的效果要好一些。

好了，以上就是今天的分享，欢迎关注、点赞、转发一键三连。有任何问题和需求，请在评论区留言，回见！