这个网站太逆天了!前端工程师要失业了?

绝非标题党,偶然在YouTube上面看到别人介绍这个网站,真的可以帮你复刻一个完整的网站(当然是网站的前端页面,不包括后台逻辑),而且复刻得非常到位,比以前那些AI生成网页的工具都强。
直接上网址:websim.ai,国内可能打不开,需要魔法。

网站打开是这样的,列出来的都是一些已经生成好的网页。
点击网站顶部的输入框,会弹出选择模型的窗口,可以选择gpt的模型,比如最新的gpt-4o,也可以选择Claude的模型,比如最新的sonnet3.5。

这里我们就选择Claude3.5的模型做测试,这个模型应该是目前最聪明的大模型了,尤其在代码方面。我们仿一个哔哩哔哩试试。怎么做呢?很简单,在输入框输入哔哩哔哩的网址,敲回车即可,都不需要输入提示词。

在一阵读条之后,一个简单的首页就仿好了。不过图片都是破损状态,因为AI写的都是最基本的代码。

用过AI的都知道,AI最牛逼之处在于可以多轮对话,所以我们对着这个简陋的毛坯房进行多次微调,精装修。现在在输入框输入:
给每个视频的封面加上真实的图片url:https://gd-filems.dancf.com/gaoding/cms/mcm79j/mcm79j/29681/26319692-8469-4a05-ac9c-fc06e7d767ee1301670.png
等待图片后,你会发现,图片出现了。

让我们继续微调。对话框输入提示词:
改变首页布局,做成两大板块:推荐视频和今日热门。
读条后生成以下效果:

这个效果很差,让我们继续发号施令:
两个板块呈上下排列,每个板块10部视频,需要同时考虑到PC端和移动端的布局美观
改动后的效果如下:


好像有点点不对劲,今日热门的视频数量不对,不过无伤大雅,自己后期手动改改代码就好。
继续发号施令:
给每个视频加上指向内页的超链接
AI很聪明地自动给每个视频元素加上了超链接,并且自动生成了url,点击可以进入内页:

而且还自动生成了内页,是不是很聪明,虽然很简陋,但是你可以继续发送指令进行微调。

点击右上角的下载按钮就能把生成好的代码下载了,注意,内页和首页的代码需要分别下载。
最良心的是这个网站目前是免费的,不过应该有使用次数的限制,毕竟调用的都是世界上最厉害的大模型。不过生成一些简单的网站足够了。这样对于一些小的需求,大家不用再求爷爷告奶奶的去找前端技术了。
当然了,访问这个网站需要魔法。想知道如何方便地访问这些网站,参考下面这篇文章: