花一小時用Gpt-4詠唱出個人名片網站

分享你的喜愛

練習用AI取代自己

先看成果DEMO:看我的名片

詠唱魔法如下:

Prompts:
1.請用html,css與JS寫一張網頁名片,包括名字 郭家瑒John Kuo、職稱 Freelancer、個人網站是sazenka-tech.com,連絡信箱為john06001@gmail.com,這張名片要放置在全高全寬的網頁中央,跟一般實體名片相同尺寸,並有適當的陰影與漂亮簡約的設計
2.請使用Bootstrap 排版,並加入一些標準色,讓標題 內容的大小差別再大一些,並嘗試讓名片有設計感
3.請讓背景的顏色也是主要色彩,並在名片上面加一些有科技元素的裝飾圖形
4.我希望卡片是白底黑字,並將主視覺色系調整為黃色 #FFCD05,有更大的陰影跟hover時會浮起,網頁背景為藍色#08192D ,並在名片上面補上範例的手機號碼0982-001-357,我想要在卡片的背景上加上圓形的線條裝飾,可以超出卡片範圍並以卡片範圍為遮罩,另外網頁背景中我想要依據背景顏色由上而下漸層並加上紋路材質,材質透明度為10%

說明:

1.

2.詠唱結果 跑版了

3.重新在詠唱一次

4.

5.來到這一步,會發現GPT-4的腦袋有點打結了,所以不斷在魔法前加上“重來一次”,直到看到想要的結果

結語:

現在打開社群都是各種魔法的分享,這才是霍格華滋的傳承吧,現在要做一個簡單的網站真的一行code都不用寫,大家有空不妨也練習詠唱魔法吧!

最後,使用GPT生成程式碼的好處和壞處如下:

好處:

快速生成:使用GPT可以快速生成一定程度上符合語法和結構要求的程式碼,並且可以自動完成繁瑣的程式碼編寫過程,節省時間和精力。
可提高生產力:GPT可以根據大量的程式碼樣本進行訓練,可以生成符合實際需要的程式碼,提高生產力。
學習能力強:GPT可以從歷史程式碼中學習並生成新的程式碼,可以快速適應不斷變化的需求和技術。
降低錯誤率:GPT生成的程式碼遵循語法和結構規則,降低了出錯的概率。
壞處:

可能出現錯誤:生成的程式碼可能存在邏輯錯誤、語法錯誤等問題,需要人工檢查和修改。
無法滿足所有需求:GPT生成的程式碼可能無法完全滿足特定需求,需要人工進行修改和優化。
安全性問題:GPT生成的程式碼可能存在安全漏洞和風險,需要進行評估和測試。
需要高質量的訓練數據:GPT生成的程式碼質量受到訓練數據質量的限制,需要大量高質量的程式碼作為訓練數據。
分享你的喜愛
John K.
John K.

”一個人要透過他人來成全自己,
除非你充分做自己,否則我就無法充分做自己,
我絕不可能因為你很好所以受到威脅,
因為你越好,我也就越好。“
讓我們共享知識、討論生活,一起創造我們的世代。
Chutzpah|Ubuntu

文章: 12