無論是公關、行銷，所有宣傳行為幾乎都需要網站，但如果工程資源有限、沒有預算，怎麼辦？
本週我妹介紹我一個很適合文組人的網頁前端vibe coding工具v0，就算你一行code也不會寫，也可以在短短10-15分鐘內，寫出一個屬於你的網站。
什麼是Vibe Coding？
用自然語言（也就是你一般說話的方式、跟ChatGPT下指令的方式），描述你想製作的網站，讓大型語言模型自動生成程式碼。即使使用者完全不會任何coding，只要需求說得夠清楚，也可以「生出」一個網站。
步驟一 定義你想做的網站內容
以下用我製作塔羅牌占卜預約網站為例，第一則訊息是整理這個網站應該有的樣貌、功能：
這是一個塔羅牌占卜的預約網站，需包含以下功能：
1.關於我（說明我的經歷和占卜風格）
2.禁忌事項：這一頁放上占卜的禁忌事項和注意事項，我採用的是塔羅作為心理敘事的取徑，比如不能問生死、不能問我病會不會好，不能問投資報酬等等。
3.預約表單（我要有一個預約功能，使用者可以留下姓名、聯絡方式，選擇想問的主題和時段。我目前是用 Google 表單來收單，可以幫我放一個外部表單連結。
4.客戶證言 5.付款方式（匯款帳號，或者linepay，越簡單越好） 6.聯絡我：email address
網站的風格我希望是簡單乾淨，但有一點女性柔美感。
步驟二 讓ChatGPT幫你改成AI看得懂的自然語言
告訴ChatGPT：我要用vibe coding的方式寫一個網站，請幫我修改我的指令，讓他更像是「可以逐步生成網站的自然語言」
ChatGPT生成的結果是：嗨，我想一步步建立一個塔羅牌占卜的預約網站，風格是簡單乾淨、帶點女性柔美感。先從整體架構開始，網站需要包含這些頁面：
網站結構：
首頁：簡短歡迎文字 + 導覽列（連結到「關於我」、「禁忌事項」、「預約表單」、「客戶證言」、「付款方式」、「聯絡我」）
關於我
介紹我自己，說明我接觸塔羅的歷程，以及我占卜時的風格。我是用塔羅作為心理敘事的工具，幫助來訪者釐清內在狀態，而不是算命。
禁忌事項
這一頁要放上占卜前的注意事項，例如：
不占卜生死問題
不處理醫療診斷（例如「我病會不會好」）
不提供投資報酬預測
可以強調這是一種心理對話而非預言工具。
預約表單
我要有一個外部表單（Google form），讓使用者可以填寫：姓名、聯絡方式、想問的主題、希望預約的時段。這邊只要嵌入或連到外部表單就好。
客戶證言
可以放幾則文字形式的客戶回饋，例如：「和妳聊完，我理清了很多情緒，感覺被理解了」這類話。
付款方式
這頁簡單就好，說明我接受匯款（提供帳號）或 Line Pay（附上 ID 或 QR Code 圖片）。
聯絡我
Email Address 這一頁只要簡單清楚，讓人知道怎麼聯繫就好。
視覺風格：
- 整體乾淨、清爽，但字體、顏色和排版要有溫柔感
- 主色可以考慮黑色、銀灰色。
- 可以有些微星星、月亮等塔羅意象的小裝飾，但不要太雜
步驟三 丟進V0對話框
打開v0網站，註冊後，把前段描述丟進以下對話框：
步驟四 檢查網站設計、修改
接下來就可以去泡杯咖啡喝口水，慢慢等AI幫你寫code寫UI/UX。第一版網站完成，按下Preview鍵來看看吧！
如果有些文字想修改，可以打開code直接改字，或者輸入對話框，請AI幫你改，例如：「把所有心靈塔羅都換成神秘塔羅」。
步驟五 給工程師code讓他Deploy（或者你也可以自己一鍵Deploy)
按了Deploy，會產生一組公開的網址。也就是「上線」，讓任何人都能看到你的作品。V0提供一組亂數網址，以vercel.app結尾。如果想要客製化的網址，就會需要自己花錢買網域。
我的週末成品是個人履歷網頁、塔羅預約網站，還有幾個文字細節需要微調，但是第一版的成果我已經很滿意了。
當然這種Vibe Coding會有他的限制：如果自己不會寫程式，細緻的調整會很費時（想要換某一行字的顏色、想要按鈕往左、往右一公分、想要把成功案例從牌卡變成滑動式⋯⋯這種需求）。這套工具也有著 AI式的不可控，餵進一樣的資料，每次生成的結果都會有微妙的差異，無法「只改一點點，其他照舊」。
實際應用面上，活動campaign site、一頁式的個人履歷、簡單的企業知識小百科，都適合。個人工作者更適合用已打造個人品牌
文組人為什麼要學這些工具？
因為學會了，你就不需要依賴任何人，你可以自己創造出一整個宇宙。
