GPT-4V新玩法登顶GitHub热榜,随手一画就能生成网页!web开发者:感受到了威胁...

西风 发自 凹非寺
量子位 | 公众号 QbitAI

随手一画就能生成网页!GPT-4V新玩法登顶GitHub热榜,狂揽3000+🌟:

7b4680408ad39964bf8be734e8d36cad.png

现在只要简单画一画,框一框,点击执行:

9a1fba242f8ede8f46a2e391c06bfa65.gif

“啪”地一下,一个带有各种“按钮”的网页就做好了:

6aff32c36d1e4bf1b3fc312f81ac48ef.gif

对应代码也一览无余:

3552892cee71979299df5c2796815750.gif

整个操作过程十分快捷简单。

新玩法不只在GitHub上火,开发者Sawyer Hood把demo展示po到𝕏上,也迅速走红,点赞转发收藏2700+:

06b5f34e19664126d848a0c81da26579.png

Sawyer Hood还表示,自己在获得GPT-4V API访问权限不到5小时内就开发出了这种玩法,可见“未来一片光明”。

走过路过的网友留下了下巴,满评飘疯狂:

412e08b8c7d50def91f75419afc8e778.png

然鹅,还有一小撮网友“骂骂咧咧”赶来:

a60262acc158f0842de4de947d54867e.png

点开主页一看,原来这波人是网页设计开发相关从业者🤣。

这位web开发者更是直呼“感受到了威胁”:

0e059d6c1b7999fc09e432b6d5c60144.png

啊这……

其实Gen-2最近也有一个画画新功能,随手涂一涂就能让画面动起来:

edb67240cfbda760714a55799082b40c.gif

好家伙,现在干点什么都流行随手画了吗?主打一个省事儿,省prompt。

绘制工具为开源白板

要做到上面的画画秒生网页,需要用到两个工具:tldraw和GPT-4V API。

其中tldraw是一个非常简单好上手的开源在线白板。

有画笔、橡皮、箭头、文本框等各种基本绘图工具,还有很多填充效果:

e80547815c66b67d1bd54904abcef2d4.png

tldraw和GPT-4V的组合原理也很简单:

将当前的画布SVG转换为PNG图像,然后将PNG图像发送给GPT-4,并指示其返回一个包含Tailwind CSS的单个HTML文件。

考虑到不是人人都能访问GPT-4V API。

有网友用ChatGPT plus用户新增的GPTs功能创建了DesignerGPT,也可超快速地创建和托管网站7ed513dfb84ec36071f5dcc684e01d9f.png

53d7eb5633d8f1db0103ec3c116b3397.gif

参考链接:
[1]https://twitter.com/sawyerhood/status/1721717738941698389
[2]https://twitter.com/xiaohuggg/status/1723537400461430794?s=20

「量子位2023人工智能年度评选」企业申报倒计时!

今年,量子位2023人工智能年度评选从企业、人物、产品/解决方案三大维度设立了5类奖项!扫码参与评选 ⬇️

MEET 2024大会即将开启报名!点此了解详情

8c66323bea1af786b61e80d4abf37338.png

点这里👇关注我,记得标星噢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值