AI 的出现,让很多事,都可以通过「一句话」来完成。
一句话生 PPT、一句话出思考导图、一句话出文案、一句话出图片视频、一句话生成个网站...
在玩了上百个 AI 工具后,说实话,这些可以「一句话出结果」的 AI 工具,虽然大部分时候,并不能一次性达到我们想要的效果,但却能在短短的时间内,达到 60 分甚至 80 分的效果。
我觉得这就是 AI 存在的意义。
最近看到阿里的 QwenChat 上线「Web Dev」功能,一句话就能生成精美网页!
非常适有想法、但不懂技术或设计的人快速实现想法。
一起来看看吧~
一、QwenChat「网页开发」入口
打开 QwenChat:chat.qwen.ai/
选择一个模型,点下面的「网页开发」:
使用非常简单,输入需求,点发送,就可以等待网页生成了。
深度思考是否要开启,一番体验下来的感受是:
开启深度思考后,生成的效果不一定会更好,但时间稍微长一点是肯定的。
提示词:创建一个卖猫罐头的粉色网站,把按钮做成猫爪子的形状,首页有“爆品秒杀”轮播图,点进商品详情页,有秒杀倒计时
未开启「深度思考」:
开启「深度思考」:
所以大家根据自己的情况选择吧~
输入框下面,是 QwenChat 官网提供的一些示例。如果没有灵感,可以先点官方示例来看看生成的效果。
二、案例
下面是使用 QwenChat 的「网页开发」功能生成的一些网页。
1、代码雨背景
提示词:生成程序员求职简历页,要代码雨背景。
2、个人网站
提示词:为软件工程师创建个人网站,包含个人介绍、教育背景、项目经验等部分。
3、电子商务网站
提示词:编写一个水果电子商务网站。
三、写在最后
使用 QwenChat 的「网页开发」功能生成网页,还是比较简单的:一句话,就能生成一个网页!
不需要懂任何编程技术,非常适有想法、但不懂技术或设计的人快速实现。
但和之前介绍的一些「一句话生成网页」的工具类似,一些复杂的功能或者出现 Bug,对非技术人员,可能就不是那么友好了。
比如下面这个,首页轮播图下面的文字重叠了。
靠大白话和 QwenChat 对话来修改,可能进行多轮对话都不一定会改好:
最后来总结一下吧:
1、纯前端页面
QwenChat 使用 React 和 Tailwind CSS 生成前端界面,包括一些前端交互,比如筛选、检索、动画效果等,但不涉及后端数据。
2、生成的代码,可以直接复制或下载
方便进行二次开发。
3、支持继续追问修改网页
例如输入:把整体风格改成粉色,加入动画、渐变背景及品牌 logo。
下面是前后网页的对比:
4、不支持自动部署网页
以上就是今天的分享,和一些对 AI 工具的看法,感兴趣的快去试试吧。
往期文章
实测字节扣子空间6大实用场景,居然还能这么玩!(附扣子空间保姆级教程)
2024年终AI工具汇总:9大AI领域,70+精选AI工具,全都在这了!(建议收藏)
更多 AI 工具,见【AI工具】专栏。