看到别的做的好看的网站,如果我也想用类似的设计风格应该怎么办呢?
今天教大家一个方法,可以一键复制别人好看的精美网站设计,直接上干货。
1、准备
在开始之前我们需要准备 3 个东西:
1、提示词
2、常用 AI 大模型,例如,ChatGPT、Gemini
3、cursor
2、具体步骤
2.1、提示词
提示词直接大家准备好了,直接去下面地址获取:
https://www.yuque.com/hepingfly/eqv2nn/mdica7l43owupzsv?singleDoc#
2.2 用 AI 大模型生成 json
这里我们以小排老师的 https://fast3d.io/zh 网站为例,这个网站做的非常好看,现在我们想要复刻这个网站的样式风格
1、对目标网站长截图
我们打开 https://fast3d.io/zh 这个网站,用截图软件直接滚动长截图,把整个网站的样式都截图下来
2、生成网站样式 json
我们带着刚截好的图片,去 Gemini 让他帮我们复刻网站的样式风格,输出给我们一份 json 文件,提示词就用我们上面链接里面的提示词
3、保存 json 到文件
Gemini 帮我们生成好 json 之后,我们把它保存成一个文件,例如命名为:design.json
2.3 复刻网站页面
我们在 cursor 里面让它根据这份 json 帮我们复刻一下这个页面
模型选择 claude4 ,因为这个模型的审美能力是最好的
3、结果展示
Cursor 会直接帮你生成这几个文件,打开 index.html 就能看到效果了

