随手一画就能生成网页！web开发者：感受到了威胁

你好，我是坚持分享干货的 EarlGrey，翻译出版过《Python编程无师自通》、《Python并行计算手册》等技术书籍。

如果我的分享对你有帮助，请关注我，一起向上进击。

创作不易，希望大家给一点鼓励，把公众号设置为“星标”，给文章点个“赞”和“在看”，谢谢大家啦~

本文分享自量子位。

随手一画就能生成网页！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

- EOF -

文章已经看到这了，别忘了在右下角点个“赞”和“在看”鼓励哦~

推荐阅读  点击标题可跳转

1、VS Code 变身小霸王游戏机！

2、认知升级：模型与范式转换

3、超赞的 Python 编译器，单核提速100倍

4、高效的终极秘诀

5、Python 3.12 版本有什么变化？

回复下方「关键词」，获取优质资源

回复关键词「 pybook03」，领取进击的Grey与小伙伴一起翻译的《Think Python 2e》电子版

回复关键词「书单02」，领取进击的Grey整理的 10 本 Python 入门书的电子版

👇关注我的公众号👇

告诉你更多细节干货

欢迎围观我的朋友圈

👆每天更新所想所悟