前言
大家好，我是 Uncle Kevin。本頻道聚焦於 AI 應用和智能工作流程，帶領大家一同學習和探索 AI 的無限可能。記得按讚、訂閱並打開小鈴鐺，讓 AI 成為你的超能力。
Vibe Coding 的魅力與難題
相信大家都看過我之前介紹 Vibe Coding 的兩支影片。若還沒看過，請參考我之前的影片。許多人認為 Vibe Coding 非常強大，但為何自己在網路上卻做不到呢？
僅用幾句話就能創建應用程式或遊戲，這看似神奇，然而卻無法複製同樣的內容或程式。為何看似簡單，實際卻難以重現？今天，我們將介紹 Vibe Coding 背後的技術與思維。
開發環境
在 Windows 和 Mac 環境中進行開發時，指令存在一些差異。例如，在 Windows 中進行命令輸出時，若有多個命令結合在一起，需使用端到端符號進行分隔；而在 Linux 或 Mac 中則使用不同的符號。AI 在編寫程式時，習慣使用 Mac 或 Linux 命令進行輸出，此時 Windows 可能會出現問題。當 AI 不斷重複測試工作時，很容易出現狀況。因此，必須提前向 AI 說明你的環境。
專案建立
建立專案時，通常使用命令創建。但若使用大型模型，生成時有時會逐一幫你生成答案。大型模型生成數據時，可能會出現幻覺或錯誤。手動輸入指令是更安全的方式。
程式摘要
開發程式時，可提供摘要。摘要不僅供自己查看，當程式進行修改或參考其他文件時，看到摘要就能了解程式的作用，方便使用和修改內容。若不做這些動作，開發程式時可能會不斷生成相似或相同的程式，浪費 token，且可能導致大量重複失敗。
專案規劃與框架選擇
這部分實際上是規劃部分。就像之前介紹的 Luco，在協調模式下，它會幫你討論結構。因此，必須與 AI 討論使用何種框架，並提供明確的需求。需求越明確，AI 開發過程就越順暢。
網路搜索與工具安裝
進行網頁編碼或使用 AI 編碼時，可先在網路上搜索。例如，Propacity 可在網上進行調查並選擇結果；也可安裝 Context7，這是一個 NCP 服務，能提供官方手冊或一些庫技術文件。若在 IDE 中預先安裝，可提供更準確的數據供參考。
協調模式
這是之前提供的協調模式，主要功能是將大任務分解為許多小任務。這是 Vibe Coding 或 AI Coding 非常重要的概念。將大專案分解為許多小專案，AI 開發時才不會偏離方向。
任務管理工具
除了自定義模式，其他 IDE 可能沒有此功能，但可添加任務管理工具，如 Task Manager。安裝 NCP 或其他工具後，AI 編碼能力會更強大，因為它會先解決任務。分解後，開發程式的功能不會過度發展，目標也會更清晰。
輸出文件
AI 完成程式編寫或規劃後，必須有輸出文件。每個任務獨立運行，需提供鏈接。交給每個任務時，它可參考這些文件進行更有效的開發。因此，必須有明確的文件。可在提示前寫明計劃輸出 SPAC 文件，需要一些流程圖、U-Mail 圖等，並在提示中描述大任務和小任務的工作內容，要求其製作待辦事項列表，最後生成 readme 文件。
程式語法
AI 編寫程式時，還需寫出語法。這樣使用或修改程式時，就能了解程式的作用。當要求它調用函數時，可直接找到相關函數使用，而非每次都寫新函數，使系統更可控。
文件的重要性
專案中有許多相關文件，如規範、readme 或工作待辦事項列表。這些文件不僅供人查看，AI 編寫程式時也可作為參考。通過這些文件，程式不會被刪除，且能按照規則進行。
讓程式更易獲取相關數據
10xluos.ai 網站
首先介紹 10xluos.ai 這個網站，它非常不錯，能生成專案相關的提示詞。寫程式時，通常分前端後端或網頁等特殊任務，通用提示詞無法滿足需求，通用提示詞通常只涉及較大範圍。而這個網站專門收錄各個技術和框架的提示詞，只需點選想要的框架和內容，它就會自動發出提示詞，並告訴你不同工具的放置位置。
Context7 工具
開發更專業的程式時，可能需要使用較新的庫或更新版本，網上可能還沒有相關信息，此時 AI 無法學習。可使用 Context7 這個 NCP 工具，先查看內容再提供給 AI，讓 AI 寫下來，大大提高專案的準確性。
實際操作
提示詞部分
以 RUCO 為例，RUCO 的提示詞很明確，但有些工具不稱之為提示詞，而是規則。在 IDE 開發工具中，提示詞或規則都是與 AI 交流其角色和能做的事。RUCO 提示詞通常有幾種模式，不同模式有不同提示詞。這些模式詞由系統寫好，若需特殊規定，可在自定義提示詞中寫明。
10xluos 網站操作
在 AI coding 的設定中，除了全域提示詞，還有專案專屬提示詞。10xluos.ai 網站專門做專案提示詞。與 AI 討論框架後，可在此網站操作。例如，前端使用何種技術和框架，討論後直接選擇。選擇後，右邊會生成相關提示詞，可直接保存和複製，粘貼到程式中。
NCP 工具 Context7
Context7 功能簡單，能檢查相關技術，列出指令和示例，讓 AI 有參考依據。安裝過程建議先使用 Client，因為現在 Client 的 NCP 伺服器有營銷活動。在 Windows 環境中安裝 NCP 較麻煩，因為 Windows 對某些全線有控制，無法直接在工具中執行安裝指令。安裝時，它會特別使用 Windows 語法幫助安裝。
AI 清晰指令的成果
規格書
要求 AI 寫的規格書，它會將規則、功能和界面設計等都寫出來。
待辦事項列表
用於整理任務，對每個任務進行選擇和掛鉤。
Readme 文件
包含一些指令和安裝部分，要求它寫時，它會寫出來。若要求寫得更詳細，內容會更豐富。
註解
每個組件若內容較多，後續不易閱讀，可要求 AI 寫註解。每個函數前都寫註解，方便了解函數用途。
結語
僅觀看他人的 Vibe Coding，並不能輕易創建強大的程式。背後需要做很多工作，如在提示詞中寫很多內容，了解使用何種框架。AI 應用需要不斷吸收信息，掌握相關能力。若對 AI 應用感興趣並想繼續學習，歡迎訂閱我的頻道。除了 YouTube 頻道，還可關注 Uncle Kevin 的粉絲專頁和 LINE 社群。
{#