隨手一畫就能生成網頁！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。