大数跨境
0
0

一键复刻精美网站样式,有手就会

一键复刻精美网站样式,有手就会 和平本记
2025-07-25
37

看到别的做的好看的网站,如果我也想用类似的设计风格应该怎么办呢?

今天教大家一个方法,可以一键复制别人好看的精美网站设计,直接上干货。

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 就能看到效果了


【声明】内容源于网络
0
0
和平本记
0帧起手,在学习海外网站开发,把每天记在小本子上的私藏干货偷偷分享给你
内容 11
粉丝 0
和平本记 0帧起手,在学习海外网站开发,把每天记在小本子上的私藏干货偷偷分享给你
总阅读450
粉丝0
内容11