2026 年 3 月 12 日,我做了健身追蹤的第一個 commit。今天是 4 月 27 日,第 24 個作品上線。中間 46 天,平均兩天就有一個能跑的網站誕生。聽起來很多,但細看 git log 會發現:產出是叢集式的 — 4 月初一個爆發、4 月底另一個爆發 — 不是每天平均產出。這跟人一致:靈感來時做很多,沒靈感就沉澱。
24 個專案橫跨健身、財務、心理、命理、電商、公益、台股、職場寫作。我不是某個領域的專家,我是個「找問題的人」。Vibe coding 給了我一個能力 — 把生活裡每個「啊真希望有人做」的時刻,變成自己動手。每個專案都對應一個真實的限制:台灣 27 家銀行的帳單格式各異 → MyFinance;薩提爾諮商太貴 → 薩提爾的房間;家裡甜點店要訂單管理 → 朵菲玩甜點。
技術棧跟著問題走,不跟著潮流走
看我的作品列表,會發現沒有「一個我最愛的框架」。台股看盤要快、要 zero dependency → 純 Canvas + Cloudflare Workers;電商需要後台 → Express + Render;做 AI 的薩提爾室需要狀態 → Next.js + Anthropic + Firebase;個人小工具就是 Vanilla HTML + GitHub Pages。
這跟很多新手會卡住的地方相反 — 大家容易先選技術,再找問題。順序顛倒了。先看你要解決什麼,再讓 AI 推薦最簡單的方案。AI 反而會幫你避開「過度工程」 — 一個三十行 HTML 就能解決的問題,它不會推你用 React。
從第一天就「上線」,不要永遠在 localhost
24 個專案裡,有 19 個有公開網址、5 個 WIP。沒有一個是只在我電腦上跑的。這不是炫耀 — 而是因為「上線」會逼你面對真實:CORS、API key、響應式、行動裝置、部署設定。每一個都是「locallhost 不會教你的事」。
我用了 6 個不同的部署平台:GitHub Pages(9 個)、Firebase(4 個)、Vercel(3 個)、Render(2 個)、Cloudflare Workers(1 個)、Chrome Extension(1 個)。每個都是 AI 帶我設定的 — 我自己不會記那麼多 CLI 指令。但跑過一次後,下次就快了。
「複製一份再改」是最被低估的技巧
我桌面有兩個資料夾:fitness-tracker 跟 fitness-tracker - 複製。後者就是我直接 ctrl+C ctrl+V 整份複製,然後叫 AI 改成 v2。聽起來很笨,但這是最安全的實驗方式 — 原版照樣跑,新版隨便玩。
Git branch 是同樣概念的「正規版」。但對新手而言,「資料夾複製一份」更直觀、更不會出錯。AI 不會抗議你「沒用 branch」。等到你做了第三個複製,自然會想要 git。
AI 寫的程式,是「半成品」不是「完成品」
24 個專案裡,沒有一個是 AI 第一次寫出來就能用的。我累積 178 個 commit,平均每個有 git 的專案 13 個 — 那 13 次都是「跑了 → 哪裡不對 → 再請 AI 改」。
新手最常犯的錯誤:跑一次失敗就放棄,覺得「AI 不行」。真正的 vibe coding 不是「下指令拿成品」,是「跟 AI 兩個人一起改 13 次」。把錯誤訊息貼回去、把畫面截圖貼回去、把 console 內容貼回去 — 這就是工作流。Claude Code 比 Antigravity 在這件事上更順:因為它能直接讀整個資料夾、自己跑指令。
三個工具,三種人格
用過三大工具後,我自己的習慣是 — Antigravity 用來「探索」(畫面豐富、易看效果,適合腦中還模糊時);Claude Code 用來「深耕」(已經有專案、要做正式產品);Codex 用來「平行」(同時多任務時派多個 agent 處理)。
三者不是「選一個」,而是「分時段用」。在 vibe coding 的世界裡,工具便宜、切換成本低 — 同一個專案用兩個工具來回對照,反而會讓你看到 AI 不同的「視角」,找到最好的解法。
給超級新手的一句話
你不需要先學會什麼。回到家,打開 Antigravity,跟它說「我想做一個 [填你今晚最想做的東西]」。
三十分鐘後,你會擁有人生第一個自己做的網站。再三十分鐘後,你會發現第一版有 bug — 然後你會自己學會怎麼修。
一個月後,回頭看這份簡報,你也會有一份自己的 24 件作品清單。