打造更加完備的Vibe ciding環境

自從有了AI編程助手
對我這種完全不懂程式設計的小白來說真的是進入一個全新的領域！
由於網路上教學很多，因此這裡就僅收錄一些對我這種小白有相當幫助的工具！
沒人看的部落格，不囉嗦！上菜！

AI編程助手-Roo code

雖然更強大的工具應該是像Claude Code或是OpenCode這種工具
而且它們也確實更全面
但他們都主要使用於類似終端機的獨立環境之中
像我這種習慣使用VScode來作為我的IDE的人來說
像Roo code這種掛載在VScode的插件反而更適合我！

只要接入API Key就可以開工了，相當絲滑～

由於Roo code本身來自於Cline分支，而之後又分支出Kilo Code
有興趣的可以都試試，選擇自己喜歡的。

使用上建議要設定提供給AI的全局提示
這部分需要跟著AI開發的演進不斷調整...
我自己有一套範例，可以提供給大家參考看看。

由於Vibe code幾乎就是讓AI自己去寫程式碼
用戶除了與AI對話，其他時間是不太需要介入的
因此AI最終的輸出結果，有時候就不是那麼的有可控性
這時候我們就必須給AI一個『規範』
因此介紹下一個工具...

規範驅動開發-OpenSpec

官方的說法是：將人類和 AI 編碼助手與規範驅動的開發保持一致，因此您可以在編寫任何代碼之前就構建內容達成一致。 無需 API 金鑰。

與無規格的比較

如果沒有建立規範，AI 編碼助手會根據模糊的提示生成代碼，通常會缺少要求或添加不需要的功能。OpenSpec 透過在編寫任何程式碼之前就所需的行為達成一致來帶來可預測性。
這對約束AI編寫程式碼來說，是相當重要的！建議一定要使用！

既然AI會寫程式了，也不會亂寫了，那如何寫出漂亮的交互是UI/UX呢？
這時候另一個小幫手就出現了...

 AI 的頂級設計師-UI/UX Pro Max

他為 AI 編碼助手提供專業級設計智慧的可搜索資料庫。

支持所有主流平臺與框架，讓你的 AI 像頂級設計師一樣思考和編碼。

支援57 種 UI 風格、95 種配色方案、56 種字體配對、24 種圖表類型、8 種技術棧支援、98 條 UX 準則…等。

未來可能會再持續精進他的學習範本...
如此就算不懂設計，也能夠開發的出美美、專業的交互前端介面！

以上是我覺得基本需要的項目
將來可能還需要引入更多的Agent Skills
但等我弄懂了再來說吧～先這樣囉！