你好，我是堅持分享干貨的 EarlGrey，翻譯出版過《Python編程無師自通》、《Python并行計算手冊》等技術(shù)書籍。

如果我的分享對你有幫助，請關(guān)注我，一起向上進擊。

創(chuàng)作不易，希望大家給一點鼓勵，把公眾號設置為“星標”，給文章點個“贊”和“在看”，謝謝大家啦~

本文分享自量子位。

隨手一畫就能生成網(wǎng)頁！GPT-4V新玩法登頂GitHub熱榜，狂攬3000 ??：

現(xiàn)在只要簡單畫一畫，框一框，點擊執(zhí)行：

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

對應代碼也一覽無余：

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

新玩法不只在GitHub上火，開發(fā)者Sawyer Hood把demo展示po到??上，也迅速走紅，點贊轉(zhuǎn)發(fā)收藏2700 ：

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

走過路過的網(wǎng)友留下了下巴，滿評飄瘋狂：

然鵝，還有一小撮網(wǎng)友“罵罵咧咧”趕來：

點開主頁一看，原來這波人是網(wǎng)頁設計開發(fā)相關(guān)從業(yè)者??。

這位web開發(fā)者更是直呼“感受到了威脅”：

啊這……

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

好家伙，現(xiàn)在干點什么都流行隨手畫了嗎？主打一個省事兒，省prompt。

繪制工具為開源白板

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

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

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

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

將當前的畫布SVG轉(zhuǎn)換為PNG圖像，然后將PNG圖像發(fā)送給GPT-4，并指示其返回一個包含Tailwind CSS的單個HTML文件。

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

有網(wǎng)友用ChatGPT plus用戶新增的GPTs功能創(chuàng)建了DesignerGPT，也可超快速地創(chuàng)建和托管網(wǎng)站。

參考鏈接：

[1]https://twitter.com/sawyerhood/status/1721717738941698389

[2]https://twitter.com/xiaohuggg/status/1723537400461430794?s=20

– EOF –

文章已經(jīng)看到這了，別忘了在右下角點個“贊”和“在看”鼓勵哦~

點擊標題可跳轉(zhuǎn)

回復關(guān)鍵詞「 pybook03」，領(lǐng)取進擊的Grey與小伙伴一起翻譯的《Think Python 2e》電子版

回復關(guān)鍵詞「書單02」，領(lǐng)取進擊的Grey整理的 10 本 Python 入門書的電子版

告訴你更多細節(jié)干貨

歡迎圍觀我的朋友圈

??每天更新所想所悟