Vibe coding 是什麼？定義、工具與限制

用最簡單的方式解釋 vibe coding

Vibe coding 是什麼？它是一種做軟體的方式：你把想要的東西描述給 AI 聽，而不是自己寫程式碼。**你用中文說出需求，AI 寫程式碼，你看結果，再把需求講得更精確。**用這種方式工作的人，就叫 vibe coder。

以手機 App 來說，一開始可能只是「做一個待辦清單，加一個新增項目的按鈕」。但重要的部分在後面：確認新增功能真的能用、關掉 App 後清單還在、畫面在你的手機上好不好操作。

你不會寫程式也能開始。但要繼續走下去，你得慢慢搞懂你的 App 在做什麼、資料存在哪裡，以及怎麼驗證一次修改。

我每天都用 Claude 和 Cursor 寫自己的 iOS App。Solys（一款搭配小遊戲的鬧鐘）和 TradaZen（一款交易模擬器）都已經上架 App Store。這篇指南就是從這些實戰來的：vibe coding 真正能做到什麼、在哪裡會壞掉，以及怎麼一路做到 App 上架。

為什麼叫「vibe coding」？

這個詞有明確的誕生日。2025 年 2 月 2 日，OpenAI 共同創辦人 Andrej Karpathy 在 X 上描述了一種新的寫程式方式：順著「vibes」走，接受 AI 給的一切，幾乎忘了程式碼的存在。他稱之為「vibe coding」。這個詞的來龍去脈可以看它的維基百科頁面。

這個詞紅得很快。Merriam-Webster 字典在 2025 年 3 月就收錄了它，Collins 字典更把它選為2025 年度代表字。

在法國，大家也跟著好奇起來。根據 Google Keyword Planner，2026 年 10 月 2 日「vibe coding」這個關鍵字在法國每月有 10,000 到 100,000 次搜尋，一年內成長 +900%。

記住它的原意：在 Karpathy 口中，vibe coding 指的是不再讀程式碼。拿來做週末小實驗很棒。但對真的會有人使用的 App 來說就很冒險，這也正是它和下面介紹的方法最大的差別。

Vibe coding、no-code 與 AI 輔助開發

這幾個說法有重疊，但指的不完全是同一種方法。

方法	你做的事	你得到的東西	限制
No-code	在視覺化介面裡組合區塊	一個活在工具裡的 App	你依賴平台和它的收費
Vibe coding	描述結果，一個個 prompt 往前推	真正的程式碼，但你很少讀或完全不讀	只要沒人檢查，錯誤就會溜過去
AI 輔助開發	一樣是描述，但加上規則、審查和測試	真正的程式碼，而且你知道怎麼讓它演進	一開始比較慢，得學會驗證

你可以從第二種開始，再慢慢轉向第三種。光看工具名稱分不出兩者：你可以對 Codex 下一個模糊的修改要求，也可以在 App 生成器裡寫出很精確的需求。

不寫程式做 App 的指南詳細說明了當你的原型開始變成真正的產品時，你需要學些什麼。

怎麼做 vibe coding？

不管用什麼工具，方法就是五個動作。

1. **描述一個可以驗證的結果。**不是「一個運動 App」，而是「一個畫面，列出我的訓練紀錄，並有一個新增按鈕」。
2. **一次只要求一件事。**一個畫面、一個功能、一個修正。一個 prompt 塞十個要求，就會得到十個做一半的東西。
3. **在真的手機上看結果。**對手機 App 來說，瀏覽器裡的預覽證明不了什麼。
4. **用精確的要求來修正。**說清楚你做了什麼、看到什麼、預期是什麼。附一張截圖很有幫助。
5. **把能用的版本存起來。**每次提出新要求前，先保留一個可以退回的版本。

做原型，這五個動作就夠了。如果是想上架的 App，還要加上規則和檢查，這就是用 AI 做 App要講的內容。

做手機 App 要用哪些工具？

有兩條路：在你自己的專案裡工作，或從一個依照描述生成 App 的工具開始。

Codex 和 Claude Code 可以在程式碼資料夾裡工作、修改檔案、執行指令。Cursor 讓你在編輯器裡搭配 agent 工作。如果你想理解並保有自己的 App 專案，這些用法很適合。它們的能力可以參考 Codex CLI、Claude Code 和 Cursor Agent 的官方文件。

生成器則有自己的環境和輸出格式。選之前，先確認它產出的是網頁 App、手機專案，還是只給 Apple 平台用的專案。Lovable、Rork 與 FlutterFlow 比較解釋了這個差別。

以下是四個知名工具產出的東西，以及免費方案能做到什麼，依據的是 2026 年 10 月 2 日查閱的價格頁面。這些方案常常變動，選擇前請再確認。

工具	產出	免費方案
Claude Code	在你自己的專案裡產生程式碼，透過終端機	沒有：它包含在付費方案裡，每月 20 美元起
Cursor	在你自己的專案裡產生程式碼，透過編輯器	有，但agent 請求次數有限
Lovable	網頁 App	有：每天 5 點，每月最多 30 點
Bolt	網站或網頁 App，託管在它的平台上	有：每天 30 萬 token，每月 100 萬，會帶它的 logo

做 iPhone App 的話，專案格式決定了後面的路。在 React Native 和 Expo 專案裡工作的 agent，會把程式碼和通往 App Store 的路留給你。網頁 App 生成器給你的是一個可以分享的連結，不是 App Store 上的頁面。要怎麼選，請看做 App 該用哪個 AI。

最重要的是選一條你跟得上的路：打開專案、顯示結果、存一個版本、看懂一個錯誤。一個很厲害、卻讓你卡在第一次修正的工具，沒辦法幫你完成。

Vibe coding 有哪些風險？

危險的不是 AI，而是把沒人檢查過的東西發布出去。兩起公開事件可以說明，我自己被 Apple 退件的經驗也是。

**資料對所有人敞開。**一位資安研究員分析了 1,645 個用 Lovable 做的專案，並在 2025 年 5 月公布結果：有 170 個外洩資料，包括電子郵件、電話號碼和 API 金鑰。原因是資料庫的存取規則不存在或太寬鬆。App 在畫面上運作得很好，這正是陷阱所在。

**資料庫被刪掉。**2025 年 7 月，Replit 的 agent 在程式碼凍結期間刪除了一個專案的正式環境資料庫，而專案擁有者明明禁止了任何修改。Replit 之後宣布會自動分離開發和正式環境的資料庫。

**被 Apple 退件。**AI 不會用審查員的眼光看你的 App。Solys 被退過兩次，AI 都沒提醒我：一次是某個必經畫面在小視窗裡無法跳過，另一次是評分邀請出現得太早。兩次經過都寫在 Apple 為什麼退件你的 App。

**祕密金鑰放在 App 裡。**當 AI 要你提供 API 金鑰時，它很容易直接把金鑰寫進交給使用者的程式碼，任何人都讀得到。Expo App 的 API 金鑰指南說明了應該在哪裡發出呼叫。

每次的對策都一樣：每種風險對應一項檢查。用兩個帳號測試存取規則、每次改資料庫前先備份、在最小和最大的 iPhone 上測試、App 裡不放任何祕密金鑰。

第一個專案：出門前的準備清單

舉個虛構的例子：一個幫你整理登山背包的 App。第一版只能新增物品、勾選物品，並保存清單。

先寫一個描述可驗證結果的 prompt：

我在做一個小型手機 App，用來整理登山背包。
第一步：只有一個畫面，上面是物品清單。
我想新增物品，並在它放進背包時勾選。
先使用本機資料，不要使用者帳號。
修改專案前，先說明會動到哪些檔案。
修改後，告訴我怎麼驗證新增和勾選功能。
目前先不要加付款、地圖或 AI 功能。

這個 prompt 是要你改成自己版本的範例，不是已經做好的 App。它避免在你還不會驗證第一個功能時，就把十個功能丟給工具。

畫面出來後，一次測一個動作。新增一個物品、勾選它，然後關掉再打開 App。如果清單不見了，就明確要求重新啟動後保留資料。如果有文字被截斷，附上截圖並說明是哪個尺寸的裝置。

從一開始就要保持的檢查

每一個小步驟，都回答這幾個問題：

1. 我要求的動作真的能用嗎？
2. 關掉 App 或返回上一頁後，結果還正確嗎？
3. 鍵盤、文字和按鈕在我的手機上還好用嗎？
4. 如果下一次修改弄壞了東西，我能退回上一個版本嗎？

當 AI 建議加入某個相依套件或服務時，問它為什麼需要、要花多少錢。

用 vibe coding 做的 App 能上架嗎？

可以。Solys 和 TradaZen 都在 App Store 上，程式碼是用 Claude 和 Cursor 寫的。TradaZen 從第一個 commit 到上架，經過了 26 個日曆天。

但用什麼方式做，都不能免掉任何步驟。你還是得測試 App、準備商店頁面，並向 Apple 說明它怎麼運作。在瀏覽器裡能跑的預覽，不代表送給 Apple 的版本在 iPhone 上能用。而且有四個步驟完全要靠你自己：App 簽署、TestFlight、訂閱和審查。

App Store 上架指南說明了這些步驟。想用 OpenAI 的工具開始，請看用 Codex 做 App 的教學。用 Anthropic 的工具，請看用 Claude Code 做 App。

Vibe coding 免費嗎？

**試用的話，是的。**Cursor、Lovable 和 Bolt 都有免費方案，每天的請求次數有限。做幾個畫面夠用，但不夠做出一整個 App：只要你每天都在做，額度很快就用完。Claude Code 則需要付費方案，每月 20 美元起。

接著是 AI 省不掉的費用：在 App Store 上架**每年 99 美元**，Google Play 一次性 25 美元。哪些免費、哪些不免費，詳細內容在免費做 App。

怎麼學 vibe coding？

自己學也能走很遠：官方文件都是免費的，這個部落格的教學也都從真實專案出發。最重要的是動手做。完成一個小 App，學到的比看十支影片還多。

自學最缺的，是在送審前就知道 Apple 會退什麼。這就是 iOS Kit 的用途：我的 App 的起始程式碼、一套可以照自己步調走的四步驟流程，以及在送審前幫你檢查專案的 Claude Code skills。vibe coding 課程頁面針對 AI 整體做了詳細介紹，Claude Code 課程則專門介紹 Anthropic 的工具。

常見問題

做 vibe coding 需要會寫程式嗎？

不用，至少一開始不用。你描述想要的東西，AI 寫程式碼。但要完成一個 App，你得學會驗證：看懂哪些檔案被改了、在手機上測試、理解錯誤訊息。

什麼是 vibe coder？

就是透過向 AI 描述來做軟體，而不是自己寫程式碼的人。這個詞可以指剛做出第一個原型的新手，也可以指把撰寫工作交給 AI、好加快速度的開發者。

可以用 ChatGPT 做 vibe coding 嗎？

可以。你可以請它寫程式碼再貼進你的專案，或使用 OpenAI 的 agent Codex，它會直接修改檔案。限制和其他工具一樣：要由你在真的手機上檢查結果。

最好的 vibe coding 工具是哪個？

能產出你需要的格式的那個。做網站或網頁 App，Lovable 或 Bolt 這類生成器很快。做想上架並持續改版的 iPhone App，在你自己專案裡工作的 agent，例如 Claude Code、Codex 或 Cursor，會把程式碼和控制權留給你。

可以用 vibe coding 做手機 App 嗎？

可以，前提是選一個能產出真正手機專案、而不只是網頁 App 的工具。用 React Native 和 Expo，一個專案就能同時做出 iPhone App 和 Android App。

Vibe coding 用在正式上線的 App 可靠嗎？

直接用的話不可靠。已知的事件全都來自未經檢查就發布的結果：資料外洩、資料庫被刪、被 Apple 退件。只要有經過測試的存取規則、備份和實機測試，同樣的方法也能做出穩定的 App。

從第一個點子到你做得完的專案

如果你還在猶豫第一個功能要做什麼，先驗證你的 App 點子。想看完整流程，請讀怎麼做一個 App。如果你已經有原型，iOS Kit 的四步驟流程可以幫你找到下一步。不知道自己走到哪了嗎？免費診斷會幫你定位、告訴你先處理哪一步，並寄給你我的防 Apple 退件檢查清單。