Vibe Coding 是什麼？用講的讓 AI 寫程式：意思、由來，和我實際做一個小網頁的結果

看到「vibe coding」這個詞，想知道它到底在講什麼、跟自己有沒有關係。這篇先把定義和由來講清楚，再給你看我實際做一次的過程，包括中間出的錯。

一句話講完

Vibe coding 是用白話告訴 AI 你要什麼，讓它把程式寫出來。你不寫程式碼，甚至不看程式碼，只看做出來的東西對不對。不對，就再用講的叫它改。

跟一般「請 AI 幫忙寫程式」的差別，在於你放手的程度。一般的用法是 AI 寫、你檢查。Vibe coding 原本的意思是連檢查都省了，憑感覺往前走。

這個詞怎麼來的

它是 Andrej Karpathy 在 2025 年 2 月 2 日的一則貼文裡提出的。他是 OpenAI 的共同創辦人之一。

他說有一種新的寫程式方式，他叫它 vibe coding，做法是 “fully give in to the vibes”，完全跟著感覺走，忘記程式碼的存在。他還提到自己是用語音在跟工具講話。

這個詞很快被字典收進去。韋氏字典的網站有它的條目，解釋是在 AI 的協助下、用比較隨興的方式寫程式，寫的人不需要懂程式為什麼能動，而且通常得接受裡面會有一些錯。

2025 年 11 月，英國的 Collins 字典把它選為年度代表字。CNN 報導引用的定義比較寬：用自然語言下指令，讓 AI 協助寫程式。

這兩個定義不太一樣，也說明了這個詞的意思還在變。韋氏的條目自己就寫，它是很新的詞，之後意思可能會改，現在已經被拿來指各種靠 AI 協助的電腦工作。所以你聽到別人講 vibe coding，指的不一定是完全不看程式碼的那一種。

中文沒有固定的譯名。中文維基百科的條目直接叫 Vibe coding，註明有人翻成氣氛編程、氛圍編程。

我實際做了一次

光看定義很抽象，所以我做了一個小東西：聚餐分帳的網頁。工具是 Claude Code，模型用最小的 Haiku，日期是 2026 年 10 月 14 日。

我對它說的第一句話是這樣，一字不改：

幫我做一個聚餐分帳的網頁：輸入總金額和人數，可以勾選要不要加一成服務費，按下按鈕就算出每個人要付多少。做成一個 index.html 就好，手機上也要好按。

等了 25 秒，資料夾裡多了一個 332 行的網頁檔。我用瀏覽器打開，輸入 1,000 元、3 個人、勾服務費，它算出每人 366.67 元。

能用，但不實用。沒有人付帳付到小數點，而且三個人各付 366.67，加起來比帳單多一分錢。

於是第二句：

index.html 那個分帳網頁要改兩個地方：台幣沒有小數，每個人的金額請無條件進位到整數；下面多顯示一行，告訴我這樣大家加起來會比帳單多付多少元。

24 秒後改好了。同樣的數字，現在是每人 367 元、多付 1 元。順帶一提，我用繁體中文問，它這一次用簡體中文回答我。

然後我發現一個數字是錯的

改完我沒有直接收工，換了幾組數字去試。試到 1,005 元、3 個人、勾服務費的時候，畫面上是這樣：

最終總金額  $1,106
每人應付    $369
實際多付金額  $2

369 乘 3 是 1,107，減掉 1,106 是 1，不是 2。畫面上的數字自己對不起來。

原因是它在裡面用帶小數的金額在算，顯示的時候才四捨五入，兩邊就差了一塊錢。帳單是 10 的倍數時不會發生，所以前面試的 1,000 元看不出來。

這個錯它沒有主動告訴我。它改完的回覆還附了一個例子，例子裡的數字是對的。

我把看到的現象原樣告訴它，沒有講任何程式的事：

index.html 有一個數字不對。我輸入 1005 元、3 個人、勾服務費，畫面寫最終總金額 1,106、每人 369、多付 2 元。可是 369 乘 3 是 1,107，減掉 1,106 應該是 1 元。請修好，讓畫面上的數字自己對得起來。請用繁體中文回答。

26 秒後它修好了。我再拿六組數字去驗，包含原本出錯的那一組，畫面上的金額都對得起來。

這個分帳網頁我放了一份在站上，可以直接打開來用。想親眼看那個算錯的數字，有錯的第二版我也留著，輸入 1005 元、3 個人、勾服務費就看得到。

這一次讓我看到的三件事

快是真的。三句話，每次不到半分鐘，從什麼都沒有到一個手機上能用的網頁。我一行程式都沒有寫。

第一次給的東西通常能動，但不一定是你要的。小數點那件事，它沒有錯，是我沒講清楚台幣不用小數。講得越具體，來回的次數越少。

最重要的是第三件：對不對要自己驗。那個多算一塊錢的錯，要是我只試了 1,000 元就收工，它就會一直留在裡面。分帳差一塊錢沒什麼，但同樣的事發生在算薪水、算庫存的程式裡，就不是小事。

有記錄的翻車例子

2025 年 7 月有一件被廣泛報導的事。SaaStr 的創辦人 Jason Lemkin 用 Replit 這個工具開發，過程他一路公開記錄。照 The Register 的報導，他已經明確要求不要再改動任何東西，AI 還是把他正式環境的資料庫刪了，事後自己承認這是嚴重的判斷錯誤。它一開始還說資料救不回來，後來證實可以還原。

這跟我遇到的是同一類問題，只是規模不同：AI 做了你沒預期的事，而你不一定第一時間知道。其他有報導的事故和研究，我整理在Vibe Coding 翻車案例與缺點。

Karpathy 提出這個詞的時候，定位也很保守。維基百科引用他的說法，講的是週末做著玩、用完就丟的小專案。

想照著做一次的話，我另外用四句話做了一個記帳小工具，每一步怎麼講、怎麼試，寫在Vibe Coding 教學。

用什麼工具

大致分兩類。

一類是裝在你電腦上，直接在你的資料夾裡建檔案、改檔案。我這次用的 Claude Code 是這一類，同類的還有 OpenAI 的 Codex 和 Cursor。Claude Code 怎麼裝在安裝教學，要花多少錢在費用那篇，它跟 Cursor 的差別在Claude Code 跟 Cursor 怎麼選。

另一類是開瀏覽器就能用的服務，你描述要什麼，它直接生出一個網站，Lovable 和 Replit 是這一類。這一類我還沒有實際用過，各家免費給多少、月費多少，我照官方定價頁整理在Vibe Coding 工具怎麼選。

這篇沒有測的

大一點的東西。我做的是一個單一檔案的網頁，沒有資料庫、沒有登入、沒有放上網路。

其他工具和比較大的模型。我只用了 Claude Code 搭配最小的 Haiku，是為了省額度，換大的模型結果可能不同。

多次重做的結果。同樣三句話再跑一次，它寫出來的東西不會一模一樣，我遇到的那個錯也不一定會再出現。