随手一畫就能生成網頁!GPT-4V 新玩法登頂 GitHub 熱榜,狂攬 3000+:
現在隻要簡單畫一畫,框一框,點擊執行:
" 啪 " 地一下,一個帶有各種 " 按鈕 " 的網頁就做好了:
對應代碼也一覽無餘:
整個操作過程十分快捷簡單。
新玩法不隻在 GitHub 上火,開發者 Sawyer Hood 把 demo 展示 po 到上,也迅速走紅,點贊轉發收藏 2700+:
Sawyer Hood 還表示,自己在獲得 GPT-4V API 訪問權限不到 5 小時内就開發出了這種玩法,可見 " 未來一片光明 "。
走過路過的網友留下了下巴,滿評飄瘋狂:
然鵝,還有一小撮網友 " 罵罵咧咧 " 趕來:
點開主頁一看,原來這波人是網頁設計開發相關從業者。
這位 web 開發者更是直呼 " 感受到了威脅 ":
啊這……
其實,随手塗一塗就能讓畫面動起來:
好家夥,現在幹點什麽都流行随手畫了嗎?主打一個省事兒,省 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