48 小時 AI 自己跑完上線
fish-chat-demo · POC

我去睡覺
AI 自己跑完上線

48 小時 · 11 stories · 73 iter · 0 critical · < $7 USD

SDD 4 agent overnight loop Zeabur Skill Cloudflare Pages
Ci · @ci.fullstack
Lightning Talk · Taipei Zeabur Meetup · 2026-04-29
成品

把 LINE 群組三朋友
做成 手遊風 AI 角色卡

擷取真實對話風格做 persona brief、接 Claude Sonnet 4.6 + prompt caching、用 Phaser 3 做遊戲化前端。

三角色：Ci Yang / Pink / Claire
Ci Yang 冷靜分析 · 後端工程師人格
Pink 衝動爆走 · 充滿髒話跟笑死
Claire 困惑驚嘆 · 永遠在問「真的假的」
Phaser 3 Vite + TypeScript FastAPI · uv Sonnet 4.6 + prompt caching localStorage per-persona
Production stack

三層全鏈 · private repo → 公網

前端 Cloudflare Pages、後端 Zeabur Tencent Tokyo VPS、LLM Anthropic Claude。CORS 收緊到 pages.dev、後端有 daily cost guard 兜底。

Production architecture diagram

Browser → Cloudflare Pages → Zeabur (Tencent Tokyo · $2/mo) → Anthropic Claude Sonnet 4.6

我的做法

我沒寫一行業務邏輯 — 4 個 AI agent 自己跑

cron 每 3 分鐘 fire 一次、每輪選一個 SDD 階段交給對應 agent。我去睡覺、它們把 11 個 story 跑完。

4 agent cron loop

tech-lead · developer · qa-engineer · prospec-expert · main session 只當 orchestrator

SDD · Spec-Driven Development

把工程紀律 寫進 prompt 裡

每個 story 強制走完七階段、每階段必產對應文件、不能跳。AI 就沒法 cut corner。

SDD 7-phase flow

explore · new-story · plan · design · tasks · implement · verify · archive

★ 重點 · Zeabur Skill 部署實戰

不切瀏覽器 · 6 條對話命令上線

Zeabur 出了 Claude Code plugin。從 zero 到 backend live 只跑這 6 條 — 全程在 IDE 對話完成、沒打開過一次 dashboard。

1 npx zeabur@latest auth login 瀏覽器 OAuth · 0s
2 npx zeabur@latest server rent --provider tencent --region ap-tokyo --plan bundle_starter_nmc_lin_med2_01 Tencent Tokyo · $2/mo
3 npx zeabur@latest project create -r "server-<id>" 綁 dedicated server
4 npx zeabur@latest deploy --project-id <id> --name fish-chat-demo Direct upload + Dockerfile build
5 npx zeabur@latest variable create -k "K=V" ... > /dev/null 5 個 env vars · 抑制 stdout
6 npx zeabur@latest domain create -g --domain fish-chat-demo-be *.zeabur.app subdomain
backend ✅ LIVE → fish-chat-demo-be.zeabur.app ~5 min
★ 重點 · 踩過的坑

失敗也都記 · 581 行 deployment log

不是一帆風順。三個比較痛的坑 — 每個都教會了我一件事。

01

Shared cluster 對新 project 已 deprecated

原本以為走免費 hobby plan、最後乖乖租 dedicated server。
→ server rent Tencent Tokyo $2/mo、$2 換得部署不卡住。

02

--template GIT deploy 沒 trigger build

org 沒裝 Zeabur GitHub App、empty commit + push 都沒動。
→ 改用 direct deploy（上傳本地 source）繞開 GitHub App。

03

CLI 設 env var 自動 echo secret

同一 session 內 leak API key 兩次。
→ 寫「3 守則」進 global CLAUDE.md：永不 cat secret 檔、CLI stdout 全 redirect、leak 立刻 rotate。

By the numbers

48 小時 · 11 stories · 跑完上線

48hr
wall time
11/11
stories archived
73
overnight-loop iter
~5min
Zeabur 部署
0
critical blocker
<$7
總 LLM 成本 USD
5
TDD pair RED→GREEN
581
行 deployment log
Take-away

Skills 把 dashboard 流
轉成 對話流

SDD 把工程紀律寫進 prompt、4 agent overnight loop 把流程跑完、Zeabur Skill 把部署收成 6 條對話命令。
失敗也都記下來、寫成 581 行 deployment log push 上去。

Threads @ci.fullstack → Slide deck ↗ Zeabur Skills 官方頁
下一站

想動手做一個 side project？

3 小時 workshop · SDD + Subagent + Harness Engineering · 告別 vibe coding 翻車。問卷開放中、有興趣掃 QR。

AI 驅動開發實戰 · 3 小時做一個 side project · 問卷開放中