iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Software Development

收到自己的紅色炸彈!婚期就是 Deadline:前端一人用 AI 規格流水線,30 天出貨婚禮 SaaS 系列

系統發起人是我,開發是我,最後要在現場承擔系統風險的也是我。面對無法延期的婚期死線,單靠聊天視窗生成程式碼,根本無法交付可靠的系統。

這不是一份個人的隨筆紀錄,而是一套可落地的自動化工程架構。
本系列將完整拆解以規格驅動(SDD)為核心的「一人 AI 流水線」:從需求轉譯、型別與 Mock 合約、E2E 測試合約,到 Vibe UI 邊界控制與 CI/CD 護欄。透過嚴謹的閘門(Gate)約束 AI 產出,讓前端工程師也能獨立交付穩定的全端系統。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 新增互動功能:讓 AI 自動生成對應測試

❯❯ 結合 vibe-setup 與 vibe-e2e:完成架構分層並自動補測(覆蓋 49 檔 / 175 條測試) 📍 流水線位置|入口 → flow →...

2026-09-06 ‧ 由 樂樂 分享
DAY 22

Day 22 畫面變漂亮了!然後 gate 全紅

❯❯ 本日真實慘案:因為元件與 stepper 重組,意外撞斷了 accessibility name 的承重合約。 📍 流水線位置|入口 → flow →...

2026-09-07 ‧ 由 樂樂 分享
DAY 23

Day 23 一個變數,決定前端打誰

❯❯ 切換環境不必重新打包!用 Nuxt RuntimeConfig 與單一 Http 出口收斂全站 API 控制點 📍 流水線位置|入口 → flow →...

2026-09-08 ‧ 由 樂樂 分享
DAY 24

Day 24 沒過關的東西,進不了 main

❯❯守門人也會犯錯!Playwright Pre-push 閘門、PR CI 快速防線與兩次自動化事故復盤 📍 流水線位置|入口 → flow → 型別 →...

2026-09-09 ‧ 由 樂樂 分享
DAY 25

Day 25 main 即部署很爽,直到我踩中 Stacked PR 與 DROP 的連環坑

❯❯ 團隊用 tag 簽核,我用 main 直推:自動化部署的發布觸發策略與 stacked PR 的暗坑 📍 流水線位置|入口 → flow → 型別 →...

2026-09-10 ‧ 由 樂樂 分享
DAY 26

Day 26 整條都自動了,那我還在幹嘛?

❯❯ 打字的產能可以被複製,判斷的責任沒有人接!Human-in-the-Loop 的三大邊界:定目標、看風險、做取捨 📍 流水線位置|入口 → flow →...

2026-09-11 ‧ 由 樂樂 分享
DAY 27

Day 27 同一套流程,套在三個很不一樣的專案

❯❯從 22 Commits 極簡小案到 Full-Stack SaaS:三大專案的 AI SDD 流程裁剪與「逃生門」實戰 📍 流水線位置|入口 → flo...

2026-09-12 ‧ 由 樂樂 分享
DAY 28

Day 28 省下的四分之三,去了哪裡?

❯❯ ROI 結帳:3 人×3 月 vs 1 人×1 月,以及時間真正的流向 📍 流水線位置|入口 → flow → 型別 → mock → 測試 → UI...

2026-09-13 ‧ 由 樂樂 分享
DAY 29

Day 29 什麼時候,別用我這套

❯❯ 別瞎用!三種不適用場景與兩題判準:成熟 AI SDD 流程的邊界與勸退指南 📍 流水線位置|入口 → flow → 型別 → mock → 測試 → U...

2026-09-14 ‧ 由 樂樂 分享
DAY 30

Day 30 Repo 交給你,我去當甲方了

❯❯ 完結!從開源 Starter Kit 到十一月真實驗收:AI 規格流水線的終點與新起點 📍 流水線位置|入口 → flow → 型別 → mock →...

2026-09-15 ‧ 由 樂樂 分享