前兩天回顧了自己過去的經驗，也重新反思了一次，當時明明已經有AI的協助，為什麼最後還是選擇了「落荒而逃」？

以前做網站時，比較習慣從頭開始。簡單的靜態網頁或許還沒有太大的問題，但當網站開始加入更多功能、動態效果與互動後，就很容易開始這邊卡、那邊也卡。
即使把問題丟給AI，有時候看著它給我的一大串程式碼，我還是不知道到底應該從哪改起。
回顧完前兩天的故事後，昨天晚上我決定不再只是嘴巴說說。

直接來試試看 Vibe Coding 到底是什麼感覺。

而這次我選擇使用的工具是——Bolt。

從「問AI」到「直接用AI做」

其實一開始會選擇 Bolt，沒有什麼複雜的原因。
剛好在Google的AI模式上看到推薦。
當時看到的介紹中，Bolt對我來說有幾個滿吸引人的地方：

• 入門門檻低：不用先安裝一堆軟體或處理開發環境。
• 可以直接部署：完成後可以直接把作品發布成線上網站。
• 視覺化即時預覽：可以直接看到目前網站運行的畫面，修改後也能馬上確認結果。

當然也有一個對免費使用者來說比較現實的問題—— 額度有限，如果一直反覆修改，使用額度也會跟著消耗。
但對現在的我來說，我更在意的是：

「能不能先讓我跨出第一步？」

實際使用之後，我的第一個感覺確實是：

真的非常簡單，而且很好上手。

一句話，就開始做網站？

第一次使用時，我其實完全沒有準備什麼非常完整的 Prompt。
我只下了一句：

「做一個一頁式的介紹麵包種類的網頁。」
)

就這樣。
沒有指定配色、沒有告訴它排版要怎麼安排，也沒有先規定每一個區塊應該長什麼樣子。

但Bolt直接幫我完成了網站基本的外觀、配色與排版。

看到結果之後，我甚至沒有重新調整整套版面和顏色，而是直接以它第一次產生的結果繼續修改。
後續我做的事情主要是把不需要的資訊與版面撤掉、換上新的Logo和名稱，最後再請它增加一個「台式麵包專區」。
除此之外，原本的排版與配色我幾乎都沒有更動。

以前是「卡住問 AI」，現在是「告訴 AI 我要什麼」

這跟我以前做網站的方式差異非常大。
以前比較像是：

我先自己做 → 遇到問題 → 問 AI → 拿到程式碼 → 貼進去 → 再看看有沒有壞。

但這一次變成：

我先告訴AI想做什麼 → AI直接產生一個可以看到的結果 → 我再告訴它哪些地方要留下、哪些地方要刪掉、還想增加什麼。

我甚至不需要先知道「這個區塊的程式碼到底要怎麼寫」，就已經可以開始修改一個網站。
而最後，我也成功完成一個真的可以透過網址開啟的網站。
最有趣的是——

直到網站真的可以透過網址打開，我才突然意識到：等等，我這樣就算部署完成了？

🍞 點我看看「貪吃鬼巧達」麵包網站

第一次Vibe完，才正要開始

經過這次簡單的嘗試，我確實感受到Vibe Coding可以讓製作簡單網頁的過程變得快很多。
以前可能還在煩惱第一行程式碼要從哪裡開始，這次卻可以先從「我想做什麼」出發，很快就看到一個可以實際操作的成果。
當然，一個簡單的一頁式網站還不能代表什麼。
當功能開始變多、互動變得更複雜，甚至加入以前讓我頭痛的那些功能之後，Vibe Coding還能不能這麼順利？
但這次的嘗試，確實讓我開始期待：

如果重新把以前做過的專案一個一個拿回來，透過Vibe Coding再挑戰一次，我能不能做出當時沒有能力完成的東西？

甚至不只是「重新做出來」，而是利用現在 AI 的能力，在原本的作品上加入更多以前沒有做到的延伸與改變。
昨天只是做了一個麵包網站。

接下來，才準備開始挑戰以前的自己。