TAG ・ 標籤

#Vibe Coding

Vibe Coding 的完整學習路徑:從 Gemini、Cursor、Google Antigravity 到 Claude Code 與 Codex,用實戰專案學會讓 AI 寫程式,再補上測試、版控與資安,避免專案翻車。

共 17 篇文章

Vibe Coding 指的是把需求用白話告訴 AI,由 AI 動手寫程式,你負責把關方向與驗收成果。這一頁收錄我從 2025 年開始寫的全部 Vibe Coding 文章,從零基礎做出第一個網站,到工程師把 AI 放進團隊開發流程都有,不少教學文還搭配 YouTube 實戰影片,可以邊看邊做。

建議的閱讀順序

  1. 先搞懂工具怎麼選:Vibe Coding 學習地圖把 Gemini、Google AI Studio、Antigravity 分成入門、進階、專業三個層次,先看這篇再挑工具。
  2. 做出第一個完整專案:不會寫程式的人可以從 Cursor 教學系列或 Google Antigravity 系列開始,兩個系列都會帶你從釐清需求做到部署上線。
  3. 工程師的開發流程:Claude Code 實戰系列用 OpenSpec、Spec-Kit 做規格驅動開發,Git Worktree 實戰示範同時指揮多個 AI Agent。
  4. 別讓專案翻車:上線前先看 10 個會讓專案翻車的技術陷阱,再用 Antigravity Workflow 建立自動化測試。
  5. 把經驗變成可重複使用的能力:Agent Skills 教學、讓 AI 把解決過的問題變成能力、ChatGPT Codex 實戰。

常見問題

Vibe Coding 需要會寫程式嗎? 不用。Gemini、Cursor、Antigravity 的教學都從安裝開始,示範的專案是個人形象網站、YouTube 留言彙整工具這類真的用得到的東西。不過要把成果變成能上線的產品,還是得懂測試、版控與資安,上面第 4 步的文章就是在講這件事。

該從哪個工具開始? 只想做簡單的網頁,用 Gemini 就夠;想做有資料庫的完整專案,選 Antigravity 或 Cursor;工程師想把 AI 導入團隊的開發流程,直接看 Claude Code。

企業想導入? 我開過給工程團隊的 Claude Code 實戰工作坊,也有給非工程師的「零程式基礎,也能透過 AI 完成網站」入門課,詳見企業內訓・演講邀約。

2025

我用 Vibe Coding 寫了一個線上提詞機

開始拍 YouTube 影片後,因為我總是記不住台詞,所以需要提詞機。但免費版廣告一堆,付費版又塞了一堆用不到的功能。既然如此,我乾脆直接用 Vibe Coding 寫一款無廣告的提詞機給大家免費使用!

2 分鐘 含影片