Vibe Coding 心得 - Sparkfit-Lab 開發日誌
我的 Sparkfit-Lab 開發日誌：一場與 AI 協作的 Vibe Coding 實驗 最近我完成了一個名為 Sparkfit Lab 的前端專案，這不僅是一次技術實踐，更是一場關於「Vibe Coding」與 AI 協同開發的深度探索。在這篇文章中，我想與大家分享我是如何利用 Gemini CLI、Cursor AI 等工具，以前所未有的效率打造專案，以及在這趟旅程中的心得與反思。 專案連結： https://github.com/kirinchen/sparkfit-lab 緣起：用 AI 定義專案的「Vibe」 專案的起點，並非一行程式碼，而是一段與 AI 的對話。我首先打開 Gemini，透過對話的方式，共同撰寫了一份詳細的 spec.md (規格文件)。這不僅是定義功能，更是在設定整個專案的「Vibe」——我希望它帶給使用者什麼樣的感覺？是充滿活力的、激勵人心的，還是專業而簡潔的？ 接著，我將這份充滿「Vibe」的規格文件與特製的 Prompt 交給了 Gemini CLI。這一步，是整個開發流程的魔術時刻。 我的 AI 協作工作流：從建築師到雕刻家 我的開發流程像一場由不同樂器組成的協奏曲，每個工具各司其職： Gemini CLI：專案的建築師 我讓 Gemini CLI 讀取 spec.md 與我的核心 Prompt，它便為我搭建起整個專案的基礎框架與核心架構。無論是建立大型功能模組，還是進行結構性的修改，Gemini CLI 就像一位經驗豐富的架構師，快速而準確地將我的藍圖化為實體。 Cursor AI：細節的雕刻家 當大的框架底定後，我便轉向 Cursor AI 進行微調。Cursor 如同一把精巧的雕刻刀，非常適合處理具體的、小範圍的修改。例如，當我想調整某個區塊的版面佈局時，只需在 Cursor 中圈選對應的程式碼，下達「幫我把這裡的排版改成…」之類的明確指令，它便能心領神會地完成任務。 手動編碼：最後的守門員 AI 並非萬能。當 AI 的建議陷入死胡同，或者需要進行一些細微的設定調整時（例如：在特定條件下隱藏某個按鈕），就輪到我的雙手登場了。這時候，開發者自身的技術底蘊就成了專案品質的最後一道防線。 旅程中的重要心得 1. AI 間的「狀態同步」：新時代的開發挑戰 我...