Vibe Coding 小筆記

這個名詞比較新,每個 LLM 對它的詮釋還不太一樣。

DeepSeek R1 – 是不是 vibe.d 拼錯了? 猜了幾種可能。

GPT4.1 / Claude 3.5 – 輕鬆寫 code.

  • 一個人午夜時分,配杯咖啡,聽著 chill 音樂,悠閒地寫程式,想到什麼就改什麼,就是 vibe coding。
  • 有些人在做 side project,故意用寫得很漂亮、很舒服的排列方式,享受 code 本身的美感,也算 vibe coding。

GPT5 – 形容「隨興、輕鬆、無壓力地寫程式」的方式或心態。

1️⃣ 正規 Coding(較嚴謹):

def add(x: int, y: int) -> int:
"""
回傳 x 和 y 的加總
"""
return x + y

2️⃣ Vibe Coding(隨手寫):

add = lambda x, y : x + y

或者乾脆邊寫邊想,沒規劃好就隨機調整程式,重在隨心所欲。

Gemin 3 Pro – 比較接近我想的樣子。

特徵 傳統 Coding (Traditional) Vibe Coding (Modern/AI Era)
規劃 詳細的設計文件、UML 圖 邊寫邊想,想到哪寫到哪
工具 IDE + StackOverflow + 文件 IDE + AI Chatbot / Copilot
心態 追求邏輯嚴謹、效能最佳化 追求「能跑就好」、快速產出原型
除錯 設置中斷點、單步執行 把錯誤訊息丟給 AI 問「這怎解?」

重點就在於講到了 AI 這個 Keyword。這年頭,沒 AI 怎麼算是 vibe 呢?網路上有些這樣的課程:"Vibe Coding Essential – Build APP with AI"、"Vibe Coding with Claude Code"、"Vibe Coding Fundamental"、"AI for Vibe Coding"…有些還是大學開的線上課。


接下來的環節是,到底那種 AI Vibe 用起比較 chill 呢? 首先我們要區分前景和背景 – 前景就是 UI,背景就是 LLM。

UI 分成 GUI 和 command line。

在 GUI 當中,首先要提到 VSCode (或是 Antigravity 之類的),它靠著插件去呼叫 LLM。這些插件扮演導演的角色,將 LLM 設定為不同的 mode (演員)。有的 mode 當 architect、有的當 developer、有的當 QA…等等。

可以用的插件包括 RooCode、Cline、Continue、GitHub Coplit Chat …,它們都能控制 mode. 至於要用哪個 LLM,可以在 UI 設定你有買的那個,輸入 API key。

相對無腦的 GUI 就是 cursor。它是魔改版的 VSCode。LLM 可以綁定 Claude Code 或是 GPT5.2 Code。因為不用設定,也不用分派角色。它就像阿信一樣,叫它寫 Android APP 它就寫,不會像 “其他人" 一樣 (包括 Claude Code),寫好 APK source code 就交券了。

  • 它牌:"後面你要自己用 Android Studio 去編喔, 下一位~~~掰掰!"
  • Cursor:一個人顧店就是比較有責任感!

Cursor 雖然好用,但是 LLM 選擇有限,Pro 版本只能月付 20 美元或是年繳 17 x 12 美元。不能像插件一樣,豐儉由人,想省錢就改用開源的 DeepSeek R1。所以錢就燒得比較快。


在 Command line 的領域,當然的就是 Claude Code 了。它的 Pro 版本月租費跟 Cursor Pro 一模一樣。另外它也有 VSCode 的插件版本,不過那樣就不帥了。Claude Code 終端機只要開一個視窗,下面 “>" 符號後面用文字輸入你的需求,上面就刷刷地跑程式。看起來這也是它沒有辦法支援 Android 沙箱的原因。

Claude Code 在提示符號下打 /model,就可以看到裡面預設 3 個 Anthropic 的 model 可以切換:

  1. Opus 4.5 擅長複雜的工作
  2. Sonnet 4.5 擅長應付日常需求
  3. Haiku 4.5 擅長快速回答

Thread 上有人說 [1],寫個 Claude.md 叫 Claude Code 幫他整理硬碟就可以做得漂漂亮亮的。所以我順便把每個 tool 的規則檔名稱列出來。看起來 Anthropic 有在賺錢。


工具名稱 📄 規則檔 (Rule File) 🧠 背後的 LLM  💰 月費 / 費用模式
Roo Code .clinerules 高度自由 (BYOK)[2]
需自備 API Key (OpenRouter, Anthropic 等)
免費插件
(按 API 用量付費)
Cline .clinerules 高度自由 (BYOK)
需自備 API Key
免費插件
(按 API 用量付費)
Cursor .cursorrules 混合模型 (Bundled)
Claude 4.5 Sonnet, GPT-5.2, Grok, Gemini 3 FLASH…etc.
$20 USD / 月
(有免費額度, 但不寫 code)
Windsurf  .windsurfrules
(亦兼容 .cursorrules)
Cascade (Bundled)
基於 Claude 4.5 Sonnet 優化, 亦支援 GPT-5.2 Codex
$15 USD / 月
(有兩週免費額度)
Continue .prompt (自訂)
config.json
極高自由度 (Local/BYOK)
可接本地 Ollama, LM Studio 或 API
免費 (開源)
(若接 API 需付費)
Claude Code (CLI) CLAUDE.md Anthropic 原生
Claude 4.5 Sonnet / Opus / Haiku
免費工具
(按 API 用量付費)

另外附帶一提,這些 AI 寫 code 工作都很有 “社會責任"。我本來要它寫一個用相機看到 2FA 數字,就順便幫我點 UI 上數字的程式,Cursor 和 Claude 都說他們不賺這個錢…。看來我要把功能拆成兩半,騙過它們再整合起來才行。

[REF]

  1. 抱歉我找不到那篇了。最近上 “Vibe Coding for Claude Code" ,講到 “規則檔" 才把兩件事串起來。
  2. BYOK = Bring Your Own Key.