iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Software Development

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

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

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

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

Day 01 一個前端,把後端也出貨了

❯❯ 30 天交付承諾:公開 repo、可套用的流水線,和一場十一月要上場的婚禮 📍 流水線位置| 入口 → flow → 型別 → mock → 測試 →...

2026-08-17 ‧ 由 樂樂 分享
DAY 2

Day 02 現有方法都很紅,但好像都差了同一步

❯❯ spec-kit/BMAD/OpenSpec/sdd.os 比較:它們都停在「程式碼生出來了」 📍 流水線位置|入口 → flow → 型別 → moc...

2026-08-18 ‧ 由 樂樂 分享
DAY 3

Day 03 一張圖、一條虛線、三句話

❯❯ 全景導覽:守備範圍劃界與三條核心信念 📍 流水線位置|入口 → flow → 型別 → mock → 測試 → UI → vibe → 上線(今日:全線...

2026-08-19 ‧ 由 樂樂 分享
DAY 4

Day 04 流水線跑在什麼上面:skill、指令、references

❯❯ 載具解析:同一種機制,完全不同的玩法 📍 流水線位置|入口 → flow → 型別 → mock → 測試 → UI → vibe → 上線(今日:底盤...

2026-08-20 ‧ 由 樂樂 分享
DAY 5

Day 05 進這條流水線,我留了兩個門

❯❯ 雙軌入口:api-spec.yml(後端先行)vs .feature+ui-config.yaml(前端先行) 📍 流水線位置|【入口】 → flow...

2026-08-21 ‧ 由 樂樂 分享
DAY 6

Day 06 先榨出「怎麼改都不能破」的那層

❯❯ feature-to-flow:business invariant 與 UX 無關的 flow 層 📍 流水線位置|入口 → 【flow】 → 型別...

2026-08-22 ‧ 由 樂樂 分享
DAY 7

Day 07 別讓 AI 寫出 Bug!從台灣婚宴「10+1」領域知識,看 Flow 層如何煉成業務護欄

❯❯ flow.md 實戰:六條不變量,和台灣婚宴的「10+1」領域知識 📍 流水線位置|入口 → 【flow】 → 型別 → mock → 測試 → UI...

2026-08-23 ‧ 由 樂樂 分享
DAY 8

Day 08 規格說了算,但 UI 沒人用怎麼辦?拆解 5 架構層級的 Specification 正式覆寫實錄

❯❯ spec 凍結下的正式覆寫:issue #90 拆 UI、留 API 實錄 📍 流水線位置|入口 → 【flow】 → 型別 → mock → 測試 →...

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

Day 09 別再相信「我以為我記得」!規格跟程式碼偷偷分岔,我怎麼抓?

❯❯ 從人工記憶到機器驅動:route-map.yaml 的 Drift 防衛機制 📍 流水線位置|入口 → flow → 型別 → mock → 測試 →...

2026-08-25 ‧ 由 樂樂 分享
DAY 10

Day 10 先立合約,再蓋房子:打造 SSOT 型別合約防線,連 Server Handler 都不放過

❯❯ feature-to-api:合約型別先行,讓編譯器提早翻臉 📍 流水線位置|入口 → flow → 【型別】 → mock → 測試 → UI → v...

2026-08-26 ‧ 由 樂樂 分享