2026-09-23
隨著生成式 AI 快速發展,2025 年初矽谷吹起一股新的開發風潮:靠 AI 工具協助,工程師不用自己寫程式碼也能做出產品。這種用自然語言跟 AI 對話,讓 AI 直接寫出程式碼的開發方式,就叫做 vibe coding。2025 年由 OpenAI 共同創辦人卡帕西(Andrej Karpathy)提出後迅速爆紅,還被《柯林斯字典》 Collins Dictionary 選為 2025 年度詞彙。
現在不管你會不會寫程式,都有機會靠這個方式做出網站、App,甚至變成一份副業收入。這篇文章帶你搞懂 vibe coding 是什麼、有哪些工具可以用,以及如何把它變成收入。
簡單說,vibe coding 就是你描述想要什麼功能,AI 幫你生出程式碼,你負責看結果、給回饋,不用親自寫每一行邏輯。
很多人會把 vibe coding 跟「No-code 工具」搞混,兩者其實不一樣。No-code 工具是把整個開發過程包裝成拖拉介面,你完全碰不到原始碼; vibe coding 不是,產出的還是真正的程式碼,你隨時可以自己接手修改、串接其他服務,自由度高很多。
市面上的 vibe coding 工具大致分兩派:一種是要你懂一點技術基礎的「AI 編輯器」,一種是完全不用碰程式碼的「AI 建構工具」。挑選前可以先看自己屬於哪一種:
| 工具 | 適合對象 | 操作方式 | 起始價格 | 特色 |
|---|---|---|---|---|
| Claude Code | 有技術背景、想做大範圍改動的人 | 終端機指令為主,也可整合進 VS Code、JetBrains 等編輯器,AI 自主完成整個專案的修改 | US$20/月起 | 自主性最高,適合重構整包程式碼、跨檔案修改 |
| Cursor | 半技術背景、想邊看邊改的人 | VS Code 介面,一般模式讓你逐一確認 AI 產生的修改,也有 Agent 模式可執行跨檔案的大範圍任務 | 有免費版,US$20/月起 | 新手友善,學習曲線最低,可依需求選擇「逐步確認」或「自主執行」 |
| v0(Vercel) | 想快速做出網頁介面雛形的人 | 描述需求,直接生成 React 前端元件 | 有免費版,US$30/月起 | 專注做介面,適合先做出可視化的 Demo 再決定要不要往下做 |
| Lovable | 完全不懂程式的人 | 純自然語言對話,直接生成完整網站/App 並部署上線 | 有免費版,US$25/月起 | 從想法到上線一條龍,不用碰任何程式碼或串接設定 |
會做出東西只是第一步,真正的問題是怎麼把它變成收入。目前看到比較常見的三種模式:
不少人本業不是工程師,但靠 vibe coding 也能接一些小型網站、簡單工具的案子。因為開發速度快很多,同樣的報價,花的工時比傳統開發少,利潤空間反而更好。比如有人專門接「幫餐廳做線上訂位系統」這種小案子,一個案子做兩三天就能交件,一個月接個兩三案就是一份不錯的收入。
比接案更常見的模式,是看到自己生活或工作上的痛點,直接做成產品賣給同樣需求的人。因為是自己在用,做出來的東西往往更貼近真實需求,也比較知道該賣給誰。比如有人因為自己接案常常要追蹤好幾個客戶的進度,乾脆做了一個簡單的「客戶進度追蹤工具」,後來發現不少接案者也有一樣的困擾,就順勢開放給其他人訂閱使用。
不是每個產品都要做成獨角獸等級的平台。一個月費幾百塊的小工具,只要有穩定的一群用戶願意付費,就能撐起一份長期收入。像是幫小店家自動生成社群貼文的小工具,月費訂 $199,只要累積個兩三百位用戶,就是一份穩定的被動收入。
不管走哪一種模式,做到最後都會卡在同一個問題:東西做出來了,要怎麼開始收費?這正是很多 vibe coder 卡關的地方。
不少人靠 vibe coding 做出網站、App,卻卡在最後一步:要怎麼開始收費。串金流對非工程背景的人來說門檻不低,光是要處理信用卡串接、電子發票、稅務歸戶,就足以讓人打消收費的念頭,乾脆讓服務先維持免費,錯過驗證商業模式的機會。
這正是 Portaly Payment 想解決的問題。它的定位就是給 vibe coder 用的金流引擎,在 Claude Code、Cursor、Codex 這些開發環境裡,只要給 AI 一行指令,AI 就能自動取得技術文件、替你裝上金流系統,接著設定訂閱方案、開立電子發票、處理稅務歸戶,不需要自己額外申請金流帳號,也不用搞懂複雜的串接文件。

如果你也用 AI 做出了自己的工具,卻卡在不知道怎麼收費這一步,可以看看 Portaly Payment 完整教學,了解實際串接的每一步怎麼做。

凱文設計本業是視覺設計,沒有工程背景,卻靠 vibe coding 做出報價單工具 CaseFlow,專門解決設計師與遠端接案者開報價單的痛點。從想法到公開約一個月,實際開發只花一兩週。
上線後他一度不敢收費,擔心串金流出問題、報稅發票太麻煩,直到用了 Portaly Payment,串接不到半小時就完成,才正式打開付費功能。目前 CaseFlow 上線約四個月,累積兩百多位用戶。
想看他怎麼決定收費策略、Portaly Payment 帶給他的改變,可以到凱文設計案例文章看完整故事。
如果你也是靠 vibe coding 做出產品,卡在最後一步不知道怎麼收費,可以先看 Vibe Coding 產品怎麼賺錢:從上線到第一筆營收的最短路徑,裡面整理了自己串金流會遇到的環節,還有費率、撥款時間這些實際數字;準備好要動手做,就照著 Portaly Payment 完整串接教學 一步步操作,裝好 Skill、拿到 API Key,當天就能測試收款。
Q: Vibe coding 需要先學程式嗎?
不需要。你只要能清楚描述想要的功能,AI 就能幫你生成程式碼。懂一點程式邏輯會讓溝通更順,但不是必要條件。
Q: Vibe coding 跟 No-code 工具差在哪?
No-code 工具把開發過程完全包裝成拖拉介面,你碰不到原始碼。Vibe coding 產出的是真正的程式碼,你隨時可以自己接手修改、串接其他服務。
Q: Vibe coding 做出來的東西真的可以拿去賣嗎?
可以。像 CaseFlow 這樣完全由 vibe coding 做出來的產品,已經有兩百多位付費或使用的真實用戶,證明只要解決真實需求,就有機會變成收入。
Q: 用 vibe coding 做的工具,收款會不會很複雜?
過去對非工程背景的人來說門檻確實高,但像 Portaly Payment 這類專為 vibe coder 設計的金流工具,可以讓 AI Agent 自動完成串接,不需要自己處理複雜的金流設定。
Portaly 台灣團隊開發的創作者商務平台,提供 Link-in-Bio 個人頁面、數位商品銷售與品牌合作媒合工具,幫助創作者將內容影響力轉化為收入。
官方社群:Discord 官方群 | Instagram
用戶精選:創作者精選|KOL精選|品牌精選