
今天我們先來了解一下「Vibe Coding」這個詞的由來,還有它背後的意涵,畢竟我們整個系列都是建立在這個詞上面,那不去認識一下似乎不太對吧?依照我的寫文慣例,動手之前我都會希望先搞懂這個背景知識的來源。
當然,你也可以完全不理會這個詞的來歷。
只是我可以跟你偷偷說,很多人對 Vibe Coding 的想像是「躺著讓 AI 幫自動開發」,所以如果誤會如果不先解開,後面 28 天你可能會發現自己認知中的 Vibe Coding 跟你想像的完全不同唷~
Vibe Coding 這個詞是 Andrej Karpathy(安德烈·卡帕西) 提出來的,他是前 Tesla 的 AI 總監、OpenAI 的創始成員之一,看到 Tesla + OpenAI 應該就可以知道這位人物在 AI 圈內是一位重量級人物,他在 2025 年 2 月發了一則 X 貼文:

There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists.
英文很難懂嗎?別擔心,這句話簡單來講是再說...
現在有一種全新的開發模式,我稱為「Vibe Coding(憑感覺寫程式)」,你只需要順著感覺走就好,你甚至會忘記程式碼的存在。
看原文的意思你會感覺到 Andrej Karpathy 當時是用一種帶點開玩笑、自嘲的方式在講這件事,也就是跟 AI 用講的溝通、看到錯誤訊息就整段貼給它、程式碼看都不看,拿來做週末小專案很快樂,他自己也說這種做法「mostly works(大致上能用)」。
Note
「mostly works」這單字其實帶有保留意味,也就是大致上能用,可是能不能穩定、可靠、可維護,這些都是未知數。
但誰也沒想到後來「Vibe Coding」這個詞的成長速度遠遠超過原本的意思,從帶點自嘲的貼文,變成泛指用自然語言叫 AI 幫你開發軟體的統稱,最後連 Collins 字典都把它選為 2025 年度詞彙(笑)。
我認為這句話一半真、一半假,而且假的那一半剛好是那個專案能不能成功的關鍵。
什麼意思呢?
這三件事情其實在平常生活中就是很常見的能力,只是因為 AI 的關係被放大了:
看到這邊,我也想問你一個問題,也就是叫 AI 做一個功能,它非常快速且劈哩啪啦改了一堆檔案,雖然畫面看起來能動,但你心裡完全沒有底跟把握。
為什麼呢?其實就是你心理無法確定底下三件事:
因此這系列就是訓練你這三件事。
Note
這也是為什麼我會說 Vibe Coding「不是不用懂,是換一種懂法」。
因此,門檻並沒有消失,而是從手要會寫,變成了腦要會判斷,而後者的學習曲線我認為相對友善就是了(吧?)。
搞懂了 Vibe Coding 小故事之後,接著我們也來了解一下即將使用的工具。
市面上的 AI 工具琳瑯滿目,但 AI 可以幫助你做到什麼樣的程度開發,光這件事就可以把這些工具分成三種形態:

介紹到這邊,基本上你只需要知道有這三種型態就好,因為這三種型態的差異,會直接影響你在 Vibe Coding 的體驗。
那...Vibe Coding 是上面哪一個呢?答案當然是第三種「AI Agent」,
畢竟前兩個你還要自己碰程式碼,只有 AI Agent 才是真正的「你說、它做」的模式。
Note
Claude Code、Codex 這類我都統稱 AI Agent。
明天要來安裝我們的 AI Agent 工具了(Claude Code),但在那之前我希望你思考一個問題:
如果你叫 AI 做一個「新增支出」的功能,怎麼樣才算真的完成?
我建議你花點時間思考一下這個問題,千萬不要想一個很抽象的答案,像是...「可以輸入金額並成功送出」這種答案,因未這實在太抽象,你至少要列出三~四種條件,可以看得到、可以驗收的條件,像是:
上面這些就是一個驗收功能與畫面的最小單位。
這些都是在請 AI 開始做事之前,就先寫好「做完要看到什麼」,進而避免出現「它說完成了,但我卻無法掌握它完成了什麼」的狀況。
Note
如果你是相關工程背景,你會發現這觀念很像所謂的先寫測試再寫程式(TDD,Test Driven Development)。
講了那麼多,終於要來談一下為什麼我會挑選 Claude Code 當作這個系列的實戰工具。
其實很簡單,Claude Code 可以說是 AI Agent 的最佳實踐之一。
什麼意思呢?舉例來講...
這些名詞現在看不懂完全沒關係,它們會在後面的章節輪流登場,所以作為 Vibe Coding 的實戰工具來講,我認為選擇 Claude Code 是滿合理的(當然有一部分也是因為我自己最常使用 Claude Code)。
如果你有自己習慣的 AI Agent 工具,我認為也沒關係,因為 AI 廠商各家都是抄來抄去的,Vibe Coding 的觀念本身並不綁工具,所以就算我這系列是使用 Claude Code 示範,之後你換到 Codex 或是 Gemini 等工具,這套觀念一樣用得上。
Note
Claude Code 是 Anthropic 官方推出的產品之一,其他還有網頁版的 Claude(claude.ai)跟 Claude Desktop 等等產品。
另外,Claude Code 可以說是工程師最習慣的產品(應該吧?),畢竟它直接運作於終端機內,你可以在終端機中很自然的用中文跟它講話,而它的工作方式,在官方中也描述得很直白,它會先...
為了方便理解,這邊我也簡單準備了 Mermaid 流程圖:

上面這張就是它工作時的流程與樣子。
但你可以注意一件事情,它在做任何事情時,都必定會 留下紀錄,像是讀了哪個檔、改了哪一段、跑了什麼指令,那這些紀錄該怎麼看?什麼時候該喊停?這就是後面章節要練的基本功,到時候我們會盯著它改的每一行東看西看。
Note
不要再問我「為什麼不使用 XXX 而是用 Claude Code 」這種問題了,因為只要你掌握好核心 Vibe Coding 的觀念,其他工具都是可以互通的。
這一篇快結束了,最後我想要給你一個觀念:
請把 AI Agent 當成一個知識淵博的助手、實習生,而不是全知全能的神,你不講清楚它只能臆測。
這個觀念重點在於,你請了一位助手來幫你做事情,但你絕對不會只丟一句「我想做記帳軟體」就跑去睡覺吧?
你肯定會把需求講清楚、陪他一起把大任務拆小、做完檢查他的成果,重要的核心功能你還會問他怎麼做對吧?
這些面對這位助手、實習生的溝通、拆解等技巧,剛剛好就是 Vibe Coding 實戰中你最需要的能力。
你會發現接下來 28 天的每個工具、每個流程,其實都只是在把這些常識、知識落地而已。
反過來講,如果你只是丟一句話「我想做記帳軟體」就跑去睡覺,那你有 8 成機率會產出你不想要的東西,接著你就會罵 AI 笨,然後你就會開始懷疑是不是自己不適合做這件事,但其實這些只是你沒把需求講清楚、沒定義好驗收標準、沒拆解任務而已。
ok,最後的最後,一樣總結一下吧。
所以 Vibe Coding 到底是什麼?
那麼其他的我們下個章節見。