成为GPT-3的甲方,让它来帮你设计网站
蕭簫發自凹非寺
量子位報道公眾號 QbitAI
制作網站用什么,Dreamweaver 還是 Fireworks?
現在,用 GPT-3 就可以。
一位來自舊金山的程序員小哥做了款名為 debuild.co 的網頁制作軟件,只需要和 GPT-3“聊聊天”,它就能幫你把網站設計出來。
例如,想要一個看起來像是“西瓜”(watermelon)的按鈕。
那么,把想實現的功能原封不動地告訴 GPT-3 就行!
看,GPT-3“思考”了一下,就實現了這個想法,生成的按鈕的確有點像被切開的西瓜。
類似地,其他更復雜的功能,這個程序也能替你完成。
擲骰子 or 待辦清單,無所不能
如果想在網站里生成隨機數,只需要一句“擲骰子”就行。
看圖,GPT-3 不僅理解了你的意思,還真的給你弄了一個生成隨機數的功能,只需要點擊“擲骰子”,數字就會在1-6 之間隨意切換。
此外,如果這是個自用網站,你想要給自己做個待辦清單,也只需要一句話。
只要像左下角一樣,說一句“我想要個待辦清單輸入,還想要個保存列表,能展現我的待辦清單。”
那么,GPT-3 就會給你彈出一個輸入框,還有一個保存按鈕。
只要保存下來,就能知道自己哪些事項還沒完成了。
如果這是個社交網站,你想要給它設計一個快速生成“心情說說”的功能,將自己的心情分享到網站上,就可以做一個選擇按鈕,例如“開心”、“難過”、“困”等。
這樣,GPT-3 就會自動為你生成“現在我很(開心、難過、困)”的語句。
當然,如果想要賣個萌的話,也可以將你的心情轉化成表情包:
或是調戲它,問一句“p3p3,誰是世界上最丑的表情包?”
GPT-3 思索了一會兒,給出了一個大黃臉,里面帶著一個極小的「笑哭」表情。
上面這些程序生成的過程中,可以看見,網站的代碼一并被生成了出來。
也就是說,實現這些功能所需要的代碼,全部都是 GPT-3 生成的,它不僅能自行理解輸入的“意思”,還能自己將實現的代碼編寫出來。
具體生成的代碼長這樣:
看得出,GPT-3 一直在程序設計里面充當“翻譯”的角色:將讀取的指令轉換成代碼,設計出各種功能和按鈕,并將輸出呈現給用戶。
簡直就像是在開發和客戶之間直連了一條通路,你需求的功能,這個開發都能快速地實現。
GPT-3 也在 GitHub 學代碼
作者本人在展示時透露了一些信息,事實上,讓 GPT-3 學習這個功能,也需要讓它在 GitHub 和 Stackoverflow 上學習相應的代碼、數據集。
在學習了相應的代碼邏輯后,GPT-3 就能根據用戶需求,呈現出相應的功能。
例如,如果設計的是一個搜索引擎,GPT-3 也會自己爬取相關圖片數據,并從來源引用它。
當然,偶爾在編寫的過程中也會犯錯,這時候就會出現 GPT-3“甩手不干”了的場景,還得人來進行微調。
程序:代碼中有語法錯誤啦!
對于這項程序,網友們感慨,這簡直是不給 UX(用戶體驗設計師)留活路啊。
目前,這個網站還在招人,希望能進一步完善軟件的各項功能,讓人們在設計軟件的時候,有更多可以實現、或是可以搭配設計的模塊。
作者介紹
debuild.co 的創始人 Sharif Shameem,畢業于馬里蘭大學,興趣是行為心理學、以及設計有趣的軟件。
此前,Sharif Shameem 設計過一個在安卓、Mac 和 Windows 都能用的云游戲平臺Vectordash,受 YC 支持。也就是說,這個平臺可以讓你在任何設備上玩像《GTA5》、《使命召喚》這樣的大作。
此外,Sharif Shameem 也做過一些有意思的小游戲,例如只有 512×512 的迷你版《我的世界》。
傳送門
GPT-3 生成器:
https://debuild.co/
迷你版《我的世界》:
https://tinyworld.fun/
參考鏈接:
https://sharif.io/
https://www.businessinsider.com/developer-sharif-shameem-openai-gpt-3-debuild-2020-9
總結
以上是生活随笔為你收集整理的成为GPT-3的甲方,让它来帮你设计网站的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 电脑编程入门自学书籍
- 下一篇: 平板电脑钢琴怎么弹