組合器

左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。

物流配送 · 即時組裝應用
2 個場景 · 共用同一份 包裹資料
卡片網格 · catalog-grid
包裹追蹤 · 卡片檢視
6 項 · 網格 3 欄
價格 ↑最新
運送中
#01
包裹 #77301
台北市內湖 → 新竹東區
NT$ 3
王司機
集散中心
#02
包裹 #77302
台中南屯 → 台南永康
NT$ 12
系統
已取件
#03
包裹 #77303
高雄鳳山 → 高雄左營
NT$ 2
陳司機
已送達
#04
包裹 #77304
台北信義 → 台北大安
NT$ 1
林司機
運送中
#05
包裹 #77305
桃園中壢 → 新北板橋
NT$ 5
張司機
集散中心
#06
包裹 #77306
彰化員林 → 雲林斗六
NT$ 8
系統
事件處理 Runbook · runbook-incident
P0 ACTIVEINC-2026-0417
配送流程 異常 · 物流配送
開始 8 分鐘 · 收件人 影響面評估中
Runbook 執行進度
3 / 7
  • T+0
    自動偵測 + 告警
    規則引擎命中 → Slack #incident-logistics + PagerDuty
    alertmgr
  • T+2
    建立事件 War Room
    建立頻道 · 指派 Incident Commander + Scribe
    王司機
  • T+5
    影響面評估
    受影響 收件人: 計算中 · 已知 6 筆包裹
    IC
  • T+84
    緩解動作
    (1) rollback 最近部署 (2) 切換備援節點 (3) rate limit
    SRE
  • T+?5
    對外溝通 (statuspage)
    每 30 分鐘更新 · 中英雙版
    Comms
  • T+?6
    根因定位 + 修復
    診斷 → 修復 → 驗證
    SRE
  • T+24h7
    事後回顧 (Blameless PM)
    時間軸 + 根因 + 行動項, 14 天內 follow-up
    IC
SLA 剩餘 22 分·狀態更新每 5 分鐘·Slack #incident-logistics · statuspage