系統發起人是我,開發是我,最後要在現場承擔系統風險的也是我。面對無法延期的婚期死線,單靠聊天視窗生成程式碼,根本無法交付可靠的系統。
這不是一份個人的隨筆紀錄,而是一套可落地的自動化工程架構。
本系列將完整拆解以規格驅動(SDD)為核心的「一人 AI 流水線」:從需求轉譯、型別與 Mock 合約、E2E 測試合約,到 Vibe UI 邊界控制與 CI/CD 護欄。透過嚴謹的閘門(Gate)約束 AI 產出,讓前端工程師也能獨立交付穩定的全端系統。
❯❯ mock server+typed client:前端不等後端的全速開發 📍 流水線位置|入口 → flow → 型別 → 【mock】 → 測試 →...
❯❯ 當 Mock 遇到了真 DB:7 處寫入讀取不對稱缺口,與一個 Commit 切換 Postgres 的真相 📍 流水線位置|入口 → flow → 型...
❯❯ Sync 模式:後端 spec 變更的增量同步,只動該動的 📍 流水線位置|入口 → flow → 【型別】 → mock → 測試 → UI → vi...
❯❯ 規格不漂移,測試不改鬆:當 E2E 測試成為系統的 Single Source of Truth 📍 流水線位置|入口 → flow → 型別 → mo...
❯❯ 綠燈的邊界:R2 CRC32、跨租戶越權、CI 沒跑 unit:三個真實事故 📍 流水線位置|入口 → flow → 型別 → mock → 【測試】...
❯❯ 別讓改個 CSS 就全紅!如何寫出不被 UI 樣式牽著走的 E2E 測試 📍 流水線位置|入口 → flow → 型別 → mock → 【測試】 →...
❯❯ 紅燈,是我寫給 AI 最清晰的規格書!/feature-to-ui 如何用 TDD 與五階段管線 2 天蓋完 11 個模組 📍 流水線位置|入口 → f...
❯❯ AI 生成之後呢?Vibe UI 治理:如何劃開語意與樣式邊界,避免視覺優化引發業務退化 📍 流水線位置|入口 → flow → 型別 → mock →...
❯❯ 約束越明確,重構越自由!從 Flow 不變量到 Vibe 守則:用 E2E 測試守住重構底線 📍 流水線位置|入口 → flow → 型別 → mock...
兩道閘門:Playwright 雙區紅燈分流與 pre-push 自動化把關實務 📍 流水線位置|入口 → flow → 型別 → mock → 測試 → U...