Vibe-coding 核心工具清單 #mbkVIBE

1️⃣ 核心編碼引擎：大腦與環境 (The Engines)

這些工具是 Vibe-coding 的起點，負責將你的想法轉化為高品質的程式碼。

• @AnthropicAI (Claude)：當前 Vibe-coding 的靈魂。Claude 3.7/4 系列以其卓越的邏輯推理和「人味」十足的 Debug 建議，成為開發者的首選大腦。

• @cursor_ai (Cursor)：AI 原生編輯器的王者。其 Composer 模式讓你可以同時操控多個檔案，真正實現「說句話，App 就改好」。

• @Replit (Replit)：雲端開發的先驅。透過 Replit Agent，你甚至可以在手機上用對話方式部署一個完整的全端應用。

• @github (GitHub Copilot)：憑藉最強大的程式碼生態系，Copilot Extensions 與 Workspace 讓企業級的 Vibe-coding 變得可能。

• @zeddotdev (Zed)：追求極致速度的開發者首選。這款用 Rust 編寫的編輯器結合了強大的 AI 協作功能，快到讓你的靈感不會被任何卡頓中斷。

• @aider_ai (Aider)：最強大的終端機（CLI）AI 配對編程工具，適合喜歡在指令列中快速迭代的高級 Vibe-coders。

• @codeiumdev (Codeium) & @tabnine：如果你追求極致的自動補全速度與私有化部署，這兩者是除了 Copilot 之外的最佳 AI 助手選擇。

2️⃣ 介面與快速原型：視覺即產品 (The Visuals)
在 Vibe-coding 的世界裡，UI 不再需要像素級的調整，而是透過生成與挑選。

• @vercel (v0)：前端開發的黑科技。輸入描述或上傳截圖，v0 就能為你生成完美的 React/Tailwind 組件。

• @lovable (Lovable)：專為「想把想法變成產品」的人設計。這是一個強大的 AI App 建造器，能幫你從零到一構建出美觀且具備功能的軟體。

• @stackblitz ( Prompt-to-App 引擎，一鍵生成、運行並部署 Full-stack 專案，完全不需配置本地環境。

• @Dribbble：當你缺乏「Vibe」靈感時，Dribbble 依然是獲取頂尖設計趨勢與 UI 靈感的聖地。

3️⃣ 後端與基礎建設：穩定與變現 (Infrastructure)
強大的產品需要穩定的支撐。這些工具讓後端配置變得「無感」。

• @supabase (Supabase)：Firebase 的最強競爭對手。提供即時資料庫、身份驗證與存儲，且 AI 助手能幫你搞定所有 SQL 語法。

• @vercel：Vibe-coding 的終點站。極簡的部署流程，讓你的產品在幾秒鐘內面向全球用戶。

• @RevenueCat：想讓你的 Vibe 變現？RevenueCat 處理了所有麻煩的訂閱邏輯，讓你輕鬆在 iOS/Android 上收錢。

• @zencoderai (Zencoder)：新興的 AI Agent 平台，專注於自動化處理複雜的編碼任務與專案重構。

4️⃣ 數位資產與生態連結 (The Ecosystem)

• @NanoBanana：2026 年崛起的新秀，專門為開發者提供 AI 生成的 UI 資產與圖像素材。

• @midjourney：生成高品質品牌圖、插畫與背景的首選，為你的 App 注入獨特的視覺氛圍。

• @rainbowdotme (Rainbow)：如果你在開發 Web3 應用，Rainbow 提供了最優雅的錢包連結體驗。

• @OpenAI (ChatGPT)：不僅是萬能的百科全書，也是梳理複雜業務邏輯與撰寫行銷文案的最佳夥伴。

• @rork_app：協助開發者優化行動端應用的發布與成長路徑。

🔥🔥 如何開始你的 Vibe-coding？
Vibe-coding 的核心不在於掌握多少門語言，而是在於如何與 AI 溝通以及如何組合這些工具。

1. 用 Claude 構思邏輯。
2. 用 Cursor/v0 實作介面。
3. 用 Supabase 存儲數據。
4. 用 Vercel 一鍵上線。

在這個時代，創意才是唯一的瓶頸。現在就拿起這些工具，開啟你的第一個 Vibe-coding 專案吧！