ChatGPT的出現(xiàn)給許多在代碼方面零基礎(chǔ)的人帶來了機(jī)會(huì)，因?yàn)榻柚鶦hatGPT，我們或許可以輕松將想法落實(shí)，寫出自己想要的網(wǎng)頁工具。一起來看看本文的分享吧。

你難以想象，今天做個(gè)程序員的門檻有多低……

這兩天在 GItHub 的 trending 有兩個(gè)項(xiàng)目持續(xù)霸榜，都非常有意思。

第一個(gè)叫 Screen-To-code 的項(xiàng)目，可以讓你把截圖傳給 ChatGPT，直接幫你寫出幾乎一模一樣的網(wǎng)頁代碼。

第二個(gè)叫 tldraw 的項(xiàng)目更有有意思，它允許你畫一個(gè)線框圖傳給 ChatGPT，AI 按照線框的樣式幫你寫一個(gè)網(wǎng)頁出來。跟這個(gè)項(xiàng)目一樣的還有一個(gè)叫 draw-a-ui 的。

因?yàn)槭情_源項(xiàng)目，所以我們可以看到開發(fā)者的提示詞。

我把提示詞復(fù)制下來發(fā)給我的 ChatGPT Plus，讓它仿照我給的截圖寫了個(gè)前端頁面，簡直一毛一樣！

▲我提供的截圖

▲ChatGPT寫的代碼

目前看來，UI 的工作怕是有點(diǎn)保不住了……

前段時(shí)間有一個(gè)叫《完蛋，我被大模型包圍了》的 AI 提示詞答題游戲非?；鸨?，但是因?yàn)樘鸨验_發(fā)者的服務(wù)器擠爆下線了。

我玩過覺得超棒，于是拿著開發(fā)者公開的題目，花了不到 20 分鐘讓AI幫我也寫了一個(gè)。

全程就是“我要實(shí)現(xiàn)XX”、“加點(diǎn)XX吧”、“能不能改成XX”……

最后我還“可憐巴巴”的跟ChatGPT說“我寫了個(gè)網(wǎng)頁，但是太丑了你能幫我弄好看點(diǎn)么？”

經(jīng)過ChatGPT美化后的頁面長這樣，我把游戲放在網(wǎng)站了，感興趣可以去玩玩，地址是 https://ai.4yu.fun。

再早一點(diǎn)，我還讓 ChatGPT 幫我寫過一個(gè)把公眾號文章轉(zhuǎn)成卡片的小工具，算上卡片的美化前后用了半天的時(shí)間。我也把它放在服務(wù)器了，感興趣可以訪問 https://flowplus.wiki 體驗(yàn)。

想不想也動(dòng)手寫一個(gè)？

今晚 20:00

來公開課，手把手教學(xué)！