
两者结合,整到你的“工作流”里去,我现在是都放在了我的的小龙虾里。能快速把任意网站“抄”成可运行的代码库,再升级成有个性、不像 AI 生成的前端界面。(具体的项目地址我放在留言区里了,把我打包的skill也放在留言区)
给它一个网址,它就能自动把那个网站”抄”成一个完整可运行的 Next.js 代码库。
操作超级简单,你就说:
我要克隆这个网站: zlbigger.com
然后 AI 就会自动分析、下载资源、编写代码,最后给你一个完整的网站副本。
简单来说: 输网址 → 出代码 → 你获得一个完整可运行的网站副本 。

比如,我说克隆 skillhub.cn
结果是一个可直接运行的网站副本,结构清晰,像素级接近原版。
它不是简单的“保存网页”,而是真正的逆向工程:支持选择特定页面、控制保真度,还能自定义风格。开发者用它来学习竞品、快速原型、或作为自己项目的起点。
2,设计辅助的,impeccable
克隆出来的代码有了“形”,你想有自己的设计风格,同时很多时候我们用AI写的代码往往还带着典型的 AI 生成风:紫色渐变、安全的圆角卡片、过度嵌套、千篇一律的英雄区……这时候就需要 Impeccable。
简单来说就是帮你做出好看、有个性、像真设计师做的前端界面,而不是千篇一律的 AI 生成风。

用它在上面克隆的网站进行设计。


它给我设计成了这样的~



可以跟原版的对比着看看。

还有另一个,是这几天流传很广的,来自Anthropic 推出全新实验性产品 Claude Design的提示词,也可以用它调教出一个辅助设计的skill。

我们再让它继续发挥下~

效果是这样的:


好了,就这样,你需要的话可以试试。
这个组合真正厉害的地方在于:它把“抄”变成了“学 + 创”。你不是单纯复制,而是快速拿到高质量起点,然后用专业设计词汇指挥 AI 做出属于自己的版本。
无论你是想快速验证想法、学习竞品设计、还是批量做 landing page,这套工具都能把效率拉高好几个数量级,同时让最终产品更有质感、不落俗套。