阿里QwenChat上线新功能,一句话生成高颜值网页(附实测案例)

469 阅读3分钟

AI 的出现,让很多事,都可以通过「一句话」来完成。

一句话生 PPT、一句话出思考导图、一句话出文案、一句话出图片视频、一句话生成个网站...

在玩了上百个 AI 工具后,说实话,这些可以「一句话出结果」的 AI 工具,虽然大部分时候,并不能一次性达到我们想要的效果,但却能在短短的时间内,达到 60 分甚至 80 分的效果。

我觉得这就是 AI 存在的意义。

最近看到阿里的 QwenChat 上线「Web Dev」功能,一句话就能生成精美网页!

非常适有想法、但不懂技术或设计的人快速实现想法。

一起来看看吧~

一、QwenChat「网页开发」入口

打开 QwenChat:chat.qwen.ai/

选择一个模型,点下面的「网页开发」:

使用非常简单,输入需求,点发送,就可以等待网页生成了。

深度思考是否要开启,一番体验下来的感受是:

开启深度思考后,生成的效果不一定会更好,但时间稍微长一点是肯定的。

提示词:创建一个卖猫罐头的粉色网站,把按钮做成猫爪子的形状,首页有“爆品秒杀”轮播图,点进商品详情页,有秒杀倒计时

未开启「深度思考」:

开启「深度思考」:

所以大家根据自己的情况选择吧~

输入框下面,是 QwenChat 官网提供的一些示例。如果没有灵感,可以先点官方示例来看看生成的效果。

二、案例

下面是使用 QwenChat 的「网页开发」功能生成的一些网页。

1、代码雨背景

提示词:生成程序员求职简历页,要代码雨背景。

代码雨.gif

2、个人网站

提示词:为软件工程师创建个人网站,包含个人介绍、教育背景、项目经验等部分。

3、电子商务网站

提示词:编写一个水果电子商务网站。

三、写在最后

使用 QwenChat 的「网页开发」功能生成网页,还是比较简单的:一句话,就能生成一个网页!

不需要懂任何编程技术,非常适有想法、但不懂技术或设计的人快速实现。

但和之前介绍的一些「一句话生成网页」的工具类似,一些复杂的功能或者出现 Bug,对非技术人员,可能就不是那么友好了。

比如下面这个,首页轮播图下面的文字重叠了。

靠大白话和 QwenChat 对话来修改,可能进行多轮对话都不一定会改好:

最后来总结一下吧:

1、纯前端页面

QwenChat 使用 React 和 Tailwind CSS 生成前端界面,包括一些前端交互,比如筛选、检索、动画效果等,但不涉及后端数据。

2、生成的代码,可以直接复制或下载

方便进行二次开发。

3、支持继续追问修改网页

例如输入:把整体风格改成粉色,加入动画、渐变背景及品牌 logo。

下面是前后网页的对比:

4、不支持自动部署网页

以上就是今天的分享,和一些对 AI 工具的看法,感兴趣的快去试试吧。


往期文章

实测字节扣子空间6大实用场景,居然还能这么玩!(附扣子空间保姆级教程)

2024年终AI工具汇总:9大AI领域,70+精选AI工具,全都在这了!(建议收藏)

更多 AI 工具,见【AI工具】专栏。