写点什么

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

  • 2023-11-17
    山东
  • 本文字数:656 字

    阅读完需:约 2 分钟

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

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



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



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



对应代码也一览无余:



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

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



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

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



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



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

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



啊这……

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



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

绘制工具为开源白板

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

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

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



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

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

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

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



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

用户头像

打造工业互联网顶级开源社区 2023-02-10 加入

卡奥斯开源社区是为开发者提供便捷高效的开发服务和可持续分享、交流的IT前沿阵地,包含技术文章、群组、互动问答、在线学习、开发者平台、OpenAPI平台、低代码平台、开源项目、大赛活动等服务。

评论

发布
暂无评论
GPT-4V新玩法登顶GitHub热榜,随手一画就能生成网页!web开发者:感受到了威胁_Openlab_cosmoplat_InfoQ写作社区