GPT-4V新玩法登頂GitHub熱榜，隨手一畫就能生成網頁！web開發者：感受到了威脅

原始來源：量子維度

圖片來源：由無界 AI生成

隨手一畫就能生成網頁！GPT-4V新玩法登頂GitHub熱榜，狂攬3000+🌟：

現在只要簡單畫一畫，框一框，點擊執行：

“啪”地一下，一個帶有各種“按鈕”的網頁就做好了：

對應代碼也一覽無餘：

整個操作過程十分快捷簡單。

新玩法不只在GitHub上火，開發者Sawyer Hood把demo展示po到X上，也迅速走紅，點讚轉發收藏2700+：

Sawyer Hood還表示，自己在獲得GPT-4V API訪問許可權不到5小時內就開發出了這種玩法，可見“未來一片光明”。

走過路過的網友留下了下巴，滿評飄瘋狂：

然鵝，還有一小撮網友“罵罵咧咧”趕來：

點開主頁一看，原來這波人是網頁設計開發相關從業者🤣。

這位web開發者更是直呼「感受到了威脅」：

啊這......

其實Gen-2最近也有一個畫畫新功能，隨手塗一塗就能讓畫面動起來：

好傢伙，現在幹點什麼都流行隨手畫了嗎？主打一個省事兒，省。

繪製工具為開源白板

要做到上面的畫畫秒生網頁，需要用到兩個工具：tldraw和GPT-4V API。

其中tldraw是一個非常簡單好上手的開源在線白板。

有畫筆、橡皮、箭頭、文本框等各種基本繪圖工具，還有很多填充效果：

tldraw和GPT-4V的組合原理也很簡單：

將當前的畫布SVG轉換為PNG圖像，然後將PNG圖像發送給GPT-4，並指示其返回一個包含Tailwind CSS的單個HTML檔。

考慮到不是人人都能訪問GPT-4V API。

有網友用ChatGPT plus使用者新增的GPTs功能創建了DesignerGPT，也可超快速地創建和託管網站

。

參考連結：
[1] [2]