[VibeCoding] AI Vibecoding 的地基(下):五層架構的實作 Prompt
AI Vibecoding 的地基(下):五層架構的實作 Prompt 上篇談了為什麼要蓋這五層基礎建設、順序該怎麼排。這篇是實戰版——每一層實際該怎麼下 prompt,內容直接照抄可用(把 <...> 換成你專案的實際內容即可)。範例延用上篇的 NorthWind 情境。 📖 系列文章・共 2 篇,這是下篇 還沒讀過上篇?先看:大型專案導入前的準備筆記 → 先講清楚:這篇刻意不談 git 版控 這五層裡有些東西該不該進版控、要不要跟團隊共用、`.gitignore` 怎麼設——每個團隊的答案都不一樣, 跟公司規範、團隊人數、內容機敏程度都有關。這篇的 prompt 全部略過這一段, 執行前你要自己先想清楚這個決定。 1 Layer 1:靜態地圖產生器 最先做這個——地基,成本最低、最快看到效果。 這支 prompt 的目標不是要 AI「一次生出完美地圖」,是要它先跟你確認專案特性, 再幫你寫一支 可重複執行的產生器 (純程式掃描,不靠 AI 現場生成)。 我想幫這個專案(後端 <技術棧,例如 .NET 8> + 前端 <技術棧,例如 Vue 3 + Vite>) 建立一套「AI 可以按需查詢」的語意地圖,取代目前 AI 每次都要整包掃描原始碼的作法。 請先讀過專案結構,不要馬上動手寫程式,先跟我確認以下幾件事: 1. 後端的路由慣例、DI 註冊慣例、資料存取方式(ORM 還是手寫 SQL) 2. 前端是 SPA 還是 MPA、有沒有用到「元件自動全域註冊」這類框架魔法 3. 專案規模大約幾個檔案,決定要不要把反向索引拆成 JSON 確認過後,幫我寫一支可重複執行的產生器,輸出到 <你的路徑,例如 .ai/maps/> 底下, 至少要包含: - PROJECT_MAP:專案總覽 + 檢索指南(「你想做什麼事,該查哪一份」的對照表) - FEATURE_SLICES:以「功能」為單位,一次列出前後端所有相關檔案 -...