從 4 天衝刺到 Multi-tenant 招募 SaaS｜獨立子網域、AI 4 軸評分、A4 列印手卡
從一場 4 天衝刺開始，演化成擁有獨立 GitHub repo 與專屬子網域、Multi-tenant 架構（organizations × campaigns × RLS）的招募管理 SaaS。公開端是 5 步驟 Wizard + 海報 + A4 紙本；後台端是 AI 4 軸排序儀表板 + 接洽漏斗 + 跨場次比較 + 列印手卡。
從衝刺到 SaaS
4 天 → 持續迭代
從首場招募會 MVP 演化為 Multi-tenant 架構，可服務多個 organization / campaign
AI 輔助初評
IP / 導師 / 交付 / 動機
Gemini 2.5 Flash + 7 個 few-shot calibration + HARDLINE 規則，由團隊複核決策
資料建檔
提交即進系統
減少紙本與試算表間的逐筆轉錄，集中管理後續接洽
客戶招募會公開申請頁。實際部署於客戶專屬子網域，所有客戶名、品牌識別、Email 已透過 Playwright + 注入式 JS 匿名化處理後截圖。
Live Interface
Recruitment SaaS Architecture
Next.js 16 App Router + React 19 Server Actions + Supabase Postgres/Auth/RLS（東京 region）+ Gemini via AI Hub + Zeabur deploy + custom 子網域。
Stack
Next 16 + RSC
DB
Supabase Tokyo
AI
Gemini 2.5 Flash
Deploy
Zeabur
這不是作品集截圖頁，而是把履歷敘述拆成可檢查的流程、技術與結果。
Step 01
公開端 — 5 步驟 Wizard + 海報 + 紙本
Mobile-first wizard 表單（進度條 + 必填驗證 + Reminder Modal + Inline AI scoring + 個人專屬編輯連結），同場活動有 A4 印刷海報 + A4 紙本登記表，雙軌進場。
Step 02
AI 4 軸評分 — Calibrated Prompt
IP / 導師 / 交付 / 動機 各 0-10 分 + high/medium/low label。Prompt 內嵌客戶品牌脈絡 + 7 個 few-shot 範例。HARDLINE 規則：沒實際出鏡 → IP ≤ 6；沒當過老師 → 導師 ≤ 6；沒 ship 過產品 → 交付 ≤ 7。
Step 03
後台 — Search × Filter × Sort × Pagination
應徵者列表含全文搜尋（姓名 / LINE / 手機 / 痛點 / 經驗）、Campaign filter、四軸排序、複核狀態 filter；單人詳情頁含 AI 評分 + Contact log multi-touchpoint timeline + 4 種狀態。
Step 04
決策儀表板 + A4 列印手卡
招募會摘要：KPI 卡 + 優先邀約清單（HOT/STAR/GEM/多軌 tier）+ 6 階段接洽漏斗 + 跨場次橫向比較。每位應徵者可一鍵列印 A4 手卡，CSS no-print 隱藏 nav。
Evidence Layer
可以被查核的能力證據
每個履歷點都對應到一組可展示的流程、內容或交付紀錄，讓訪客知道這不是空泛宣稱。
Deployment Status
已部署於客戶專屬子網域並持續迭代
目前案例資料記載系統已部署於客戶專屬子網域並持續迭代；尚未取得可公開、可獨立核驗的部署與驗收紀錄。
Multi-tenant Schema
organizations × campaigns × RLS 隔離
Day 1 就 multi-tenant：organizations + campaigns + applicants + contact_logs，全部以 org_id 做 Row-Level Security 隔離。Service-role + RLS bypass 處理匿名表單投遞。
OCR & Legacy Import
Gemini Vision OCR 紙本表單 fallback
紙本表單填完掃描 → Gemini Vision OCR → 自動 merge 進既有應徵者；4/11 招募會 legacy 名單也透過 OCR + AI 重新評分一次納入系統。
Capability Stack
這個頁面要讓人看懂的能力
這個案場最完整地展示 FDE 的「從 MVP 到 SaaS」演化能力：最初是「客戶有個 5/23 招募會、要在 4 天內生出表單系統」的衝刺需求；結果這套系統被持續投資、演化成擁有獨立子網域、Multi-tenant 架構、A4 列印手卡、OCR 紙本 fallback、跨場次橫向比較的招募 SaaS 產品。
本案場特別之處：不只是「替客戶做工具」，而是逐步把線上申請、AI 輔助初評、後台排序篩選與接洽追蹤整合成同一套招募流程。案例資料記載系統已部署於客戶專屬子網域並持續迭代。
底下截圖呈現客戶使用情境中的系統介面；所有客戶名、應徵者姓名、聯絡資訊、品牌識別都已透過 Playwright + 注入式 JS 匿名化。
Full-stack 開發
- Next.js 16 App Router + RSC
- Server Actions
- Supabase + RLS
- shadcn + base-ui + Tailwind 4
AI 系統設計
- 4 軸評分 prompt
- Few-shot calibration
- HARDLINE 規則
- Gemini Vision OCR
Production Operation
- 匿名化介面與流程證據
- Custom SMTP 突破 rate limit
- Multi-tenant 安全隔離
- 持續迭代部署
Product Screenshots
系統實際畫面
以下截圖取自客戶生產環境，所有客戶名、應徵者姓名、聯絡資訊、品牌識別已透過注入式 JS 匿名化處理。
後台應徵者列表 — 多招募會分頁切換 + 全文搜尋 + AI 4 軸分數視覺化（IP/導師/交付/動機高低色塊）+ 主推方向 + 複核狀態 filter + 排序。畫面已 filter 至 5/23 測試 campaign，所有真實應徵者隱藏。
招募會摘要 — KPI 卡（本場應徵 / 優先邀約 / 平均總分 / 接洽進度）+ 優先邀約清單（HOT/STAR/GEM/多軌 tier）+ 6 階段接洽漏斗。這不是「圖表」，是「決策工具」。
公開申請頁 mobile-first 設計 — Hero 三軌道（IP / 導師 / 交付）+ 「資料僅供客戶團隊複核使用」隱私聲明 + 約 3-5 分鐘 5 個小步驟 wizard。
A4 招募會海報含 QR Code，現場可印給應徵者掃描進入。同一個 campaign slug 下有海報 / 紙本登記表 / wizard 三軌入口。
後台 QR Code 印刷管理 — 招募會 QR + 短連結，可下載印製。讓 admin 不需要外部工具就能準備現場物料。
A4 紙本登記表 21 欄位 + 角落 QR — 給沒有手機 / 不想用 QR 的應徵者用，事後透過 Gemini Vision OCR 數位化進系統。雙軌設計。