vibeClaudeDashboard / AI Observability & Analytics

從 Token 消耗到產能倍增 把每一分 AI 投入，轉化為看得見的戰果

團隊每天深度使用 Claude、Gemini 與 Codex，但從後台只能看見消耗，卻說不出換回了什麼價值。我打造了 vibeClaudeDashboard，將全景數據透視、週度職能週報、ROI 效益評估模型、2,200+ 筆對話 SQLite FTS5 全文深度檢索、月額度動態控管，以及一鍵戰報圖卡與賽博戰情室大螢幕 HUD 整合為單一中樞儀表板。

這是我獨立主導與架構的工具，涵蓋指標建模、非同步資料管線、SQLite FTS5 引擎、職能分組演算法、前端微交互與安全防禦邊界。

探索 7 大核心亮點 看工程架構與安全邊界
核心亮點 01

全景數據總覽：從冰冷數字到多維度研發透視

傳統記錄方式只保存日期與花費，要看出研發資源的流向必須反覆人工篩選。全景數據總覽模組將非結構化紀錄轉化為即時的多維度研發情報：

  • 4 大核心 KPI 矩陣：總花費金額 (US$)、Token 總消耗量、總任務數、平均單筆任務成本，即時掌握團隊投入強度。
  • 時間序列與分佈可視化：每日花費趨勢圖 (Daily Trend Chart)、成員支出排行榜、任務類別分佈佔比與花費級距分析。
  • 成員 × 類別交叉熱區透視表 (Cross Heatmap)：動態將成員與架構類別（如 PRD 規格、前端切版、後端重構、測試自動化）交叉對比，一眼洞察資源是否過度集中或出現異常高耗費。
  • 高可用唯讀架構：採用純 HTTPS GET 匯出讀取，結合 5 分鐘記憶體快取與本地 SQLite/JSON 快照雙軌備援，在外部連線中斷時仍能平滑降級運作（Graceful Fallback）。
企業痛點傳統試算表只能看見總額，無法洞察各職能與架構領域的資源分配比例。
工程解法多維度時間序列模型結合成員 × 類別交叉熱區透視表 (Cross Heatmap)。
治理成效秒級掌握 4 大核心 KPI，提早識別高耗費與異常任務，杜絕資源浪費。
4 大維度 時間/成員/類別/級距多角透視
100% 唯讀 零寫入風險與本地雙軌快照備援
全景數據總覽示意，呈現核心 KPI、每日花費趨勢、成員支出排行與交叉熱區透視表
公開示意已去識別化，不含真實成員名稱與商業數據。
Cross-Heatmap Time-Series Analytics Graceful Fallback SQLite Snapshot
回到章節導覽
核心亮點 02 · NEW

週度環比 (WoW) 與主管週報：職能群組視角與 AI 決策簡報

進行中的一週若直接與上一週比對會造成嚴重的數據失真。週度環比模組採用 ISO 週曆標準，預設鎖定「最新完整週」進行同口徑比較，並將進行中週清楚標註為即時觀察資料。

  • 🎯 PM / Designer / SE 職能分組產出分析：打破「全體平均」的盲點，自動依職能劃分各組別的花費佔比、交付任務筆數，並智慧萃取具代表性的交付產出。
  • 多維度視角自由切換：支援「團隊全體」、「職能群組 (PM / Designer / SE)」、「個別成員」三重視角無縫切換。
  • AI 主管週報 Markdown 自動生成：整合頂尖 LLM 智能提煉「核心亮點」、「業務投入」、「職能賦能」與「治理建議」，一鍵生成主管可直接閱讀與決策的結構化簡報。
企業痛點週中數據與完整週口徑混淆失真，手動整理週會簡報耗費大量心力。
工程解法ISO-8601 週曆同口徑切片，結合 AI 頂尖大模型結構化摘要及數據提煉。
治理成效週一自動生成具備職能分組產出與治理建議的 Markdown 決策週報。
管理價值：主管週一打開儀表板，看到的不再是原始流水帳，而是各職能本週完成了哪些核心里程碑、資源增長率 (WoW%) 與具體建議。
每週主管摘要示意，呈現代表性交付、投入趨勢與職能分組脈絡
示意畫面呈現同口徑週度環比、職能交付提煉與 AI 週報。
ISO-8601 WoW% Role Breakdown AI Briefing Markdown Synthesis
回到章節導覽
核心亮點 03 · ROI

AI 效益與傳統模式對比：ROI 的量化生產力實證

企業導入 AI 工具時，最常被問到的問題是：「花了這麼多 Token 費用，到底換回了多少實質效益？」我們建立了可調整的 ROI 效益對比模型，用扎實數據回答質疑：

  • 傳統工時基準對照模型：針對規格撰寫、前端切版、架構重構、單元測試、代碼審查等不同任務類別，建立標準傳統人工工時基準 (Traditional Baseline)，並可依需動態調整。
  • 量化生產力價值：精確計算出「AI 輔助實際耗時」與「傳統純人工耗時」之差異，折算為團隊節省的總工時（數十人天/人月）與淨節省人力成本。
  • 震撼的 Token 投資回報率 (ROI)：量化證明每投入 1 美元 Token 成本，即可為團隊換回高達數倍的工程產值與數倍的產能加速比，成為組織推動 AI 研發賦能最強大的商業依據。
企業痛點導入 AI 研發工具缺乏客觀基準，無法向管理層證明 Token 投資的實質商業回報。
工程解法建立 7 大任務標準人工基準 (Baseline)，動態計算釋放工時與加速槓桿。
治理成效實證 投資回報率與每月節省數十人天工時，為 AI 戰略提供堅實數據支撐。
Token 投資回報率 (ROI)
數十人天 每月淨節省研發人力工時
AI 效益與傳統模式對比示意，呈現基準工時、工時節省與 ROI 效益模型
AI 效益與傳統模式對比示意：精準量化工時節省與 投資報酬率。
ROI Modeling Baseline Comparison Cost-Benefit Matrix Productivity Multiplier
回到章節導覽
核心亮點 04 · 2,296 SESSIONS

本地對話紀錄 2,296 筆：SQLite FTS5 毫秒級代碼深度檢索

Claude Code、Gemini Antigravity 與 Codex 的對話紀錄分散在不同目錄與格式中，過往要追查某段歷史代碼或 Debug 脈絡極為繁瑣。Session Explorer 打造了統一的本地全文檢索中樞：

  • 跨 Provider 自動聚合 2,200+ 筆對話：自動掃描並解析 Claude、Gemini、Codex 之本地 Session 檔案。
  • 持久化 SQLite 快取與 200x 冷啟動加速：啟動直接從 SQLite 載入元數據，冷啟動響應時間從 4~10 秒驟降至 < 20 ms。
  • SQLite FTS5 全文檢索與 BM25 排序：提供「標題專案」與「🔍 全文代碼」雙模式；代碼模式直接搜尋對話 Turn 內文與 Tool Call 呼叫，點擊結果一鍵直達 Session 抽屜並精準滾動至該輪次（#sess-turn-X）高亮顯示！
  • 檔案指紋增量更新 (Stat Delta Check)：以 (mtime, size_bytes) 進行指紋校驗，99.9% 歷史不變 Session 零磁碟 I/O、零 JSON 解析。
  • 機敏資料自動脫敏與 16KB 防禦性截斷：儲存前自動抹除 API Key / Token，超長輸出防護防 DB 膨脹。
  • AI 一鍵結構化長文本摘要：整合 AI 智能提取多層次摘要（🎯 核心目標、🛠️ 關鍵行動、💡 主要成果、📌 關鍵決策）。
企業痛點數千筆本機對話與 Tool Call 散落多終端，過往重現關鍵架構決策如同大海撈針。
工程解法SQLite FTS5 (unicode61) 全文索引 + BM25 排序 + 16KB 截斷脫敏與指紋增量掃描。
治理成效冷啟動由 10s 降至 <20ms，精確輪次 Deep Link 直達代碼上下文，資安 100% 零外洩。
本地對話紀錄探索器示意，可依工具、時間與主題找到摘要並回到原始脈絡
公開版本已去識別化，不揭露真實路徑與敏感代碼。
SQLite FTS5 (unicode61) BM25 Ranking 200x Cold Start Turn-level Deep Link Credential Redaction
回到章節導覽
核心亮點 05

Claude 額度管理與智慧對帳：工作日燃盡節奏與個人交付歷程

月底收到帳單才發現超支往往為時已晚。額度管理模組將每日使用節奏、剩餘工作日、安全水位與個人雙週交付歷程深度關聯，讓資源調度具備前瞻性：

  • 月度預算與 Asia/Taipei 工作日安全水位：依週一至週五工作日動態計算每日預算配額、截至今日累積安全水位與整月上限；當日超標即時警示，負數平帳自動納入淨額，杜絕月底爆量風險。
  • Reconciliation 智慧 Diff 比對：自動比對本地個人花費表與團隊正式表，精確分類 🟢 待新增、🟡 待修正、⚪ 已一致 與 🟣 正式表獨有。
  • 人機協同審核 (Human-in-the-Loop)：前端直觀展示變更項目與預計差額，使用者親自確認勾選後才透過安全 Webhook 寫回，保護欄位 100% 隔離。
  • 個人雙週交付產出明細歷程 (Deliverables History)：跨 5 個雙週 Sprint 週期，精準統計 AutoScript (自動化腳本)、Widget_UI (元件切版) 與 PRD (規格文件) 之新增與修改件數，量化個人對團隊產能之實質貢獻（如 AutoScript 佔團隊 20%）。
企業痛點月底收到帳單才發現預算超支，個人記帳與團隊正式表記帳口徑容易衝突。
工程解法Asia/Taipei 工作日安全水位燃盡算法 + UUIDv5 等冪對帳 + 人機審核 Diff。
治理成效當週即時偏離預警，變更經審核後安全同步，歷次雙週 Sprint 產出追溯一目了然。
Burn-up Pace Diff Reconciliation Biweekly Sprint Tracking Human-in-the-Loop
回到章節導覽
💳 工作日預算安全水位與智慧 Diff 對帳 額度節奏與同步差異示意，呈現安全水位、使用趨勢與人工核准項目
📦 個人歷次雙週交付產出明細歷程 個人雙週交付歷程示意，呈現 AutoScript、Widget_UI 與 PRD 新增修改明細
Claude 額度與個人同步中心示意：整合工作日預算燃盡、人機核准對帳與歷次雙週交付成果明細。
核心亮點 06 · VISUAL EXPORT

戰報圖卡生成器：一鍵渲染團隊全景與個人賦能分享圖卡

向非技術主管或跨部門團隊匯報時，發送複雜的儀表板連結或手動拼貼截圖往往溝通成本極高。戰報圖卡生成器提供了一鍵式視覺輸出方案，支援「團隊全景」與「個人賦能」雙版本：

  • 🌐 團隊全景戰報 (Team Overview)：一鍵封裝團隊總支出金額、總任務交付數、AI 累計節省工時 (1,634 hrs)、 ROI、週期走勢脈動 (Sparkline) 與 PM/Designer/SE 職能資源投入分佈。
  • 👤 個人賦能戰報 (Personal Telemetry)：量化單一研發成員的個人累計產出、釋放工時 (106 hrs)、高頻加速槓桿 (2.8x Leverage)、核心技能投入佔比 (如架構重構 43%) 與 AI 協作風格戰術評語。
  • 極致高效的溝通載體：免除跨部門登入後台的門檻，主管與 PM 可一鍵複製圖片或下載高解析度 PNG，直接貼入 Slack、LINE、Email 或週會簡報中。
  • 專業視覺設計語言：採用現代化深色半透明玻璃擬態 (Glassmorphism) 排版，將原本繁複的 Token 與工時數據，轉化為具備強大說服力的研發成果海報。
企業痛點跨部門溝通缺乏直觀載體，非技術主管登入後台門檻高、理解成本大。
工程解法深色玻璃擬態 (Glassmorphism) Canvas/DOM 一鍵視覺化渲染引擎。
治理成效一鍵匯出「團隊全景」與「個人賦能」雙版本高解析戰報，秒速傳遞賦能價值。
落地效益：從此團隊不再需要花費 30 分鐘手動整理 PPT 圖表，一鍵生成的戰報圖卡讓 AI 研發賦能價值秒速傳遞給所有利害關係人。
Team & Personal Dual-Mode Glassmorphism UI Sparkline Telemetry One-Click Export
回到章節導覽
🌐 團隊全景效能戰報 (Team Telemetry) 戰報圖卡生成器團隊全景版，呈現全量花費、AI 節省工時、 ROI 與職能分佈
👤 個人賦能戰報 (Personal Telemetry) 戰報圖卡生成器個人賦能版，呈現個人產出、核心技能投入、加速槓桿與戰術評語
戰報圖卡生成器雙版本示意：支援「團隊全景」與「個人賦能」一鍵視覺化渲染與跨部門分享。
核心亮點 07 · CYBER HUD

戰情室 HUD：黑曜戰術與賽博龐克風格的大螢幕即時監控

專為大螢幕戰情室 (War Room Kiosk)、Tech Review 與敏捷工程指揮中心打造的沉浸式即時監控介面，支援自動全螢幕循環輪播與多維度即時遙測：

  • 黑曜戰術風格與高對比視覺：採用賽博龐克暗黑美學，專門適配 4K/大螢幕電視展示與全天候 Kiosk 常駐模式。
  • 3 大核心戰情視圖自動循環輪播 (Kiosk Auto-Cycle)：系統自動在「週度主管週報」、「月度額度安全水位」與「對話多模型分佈」三大視圖間無縫切換，並具備進度條與快捷控制鍵（Space 暫停/繼續、ESC 退出）。
  • 動態微交互與科技感遙測：整合 CountUp 數字跳動、Neon Pulse 發光脈衝狀態指示燈、發光 Mini Sparkline 即時微趨勢與 24h 活動走勢直方圖。
企業痛點傳統後台排版無法適配 4K 大螢幕戰情室與全天候 Kiosk 指揮中心常駐展示需求。
工程解法黑曜賽博戰術 HUD、CountUp 物理動效、Neon 脈衝指示燈與 3 大視圖循環輪播。
治理成效打造高張力工程指揮中心，即時呈現團隊 24h 作戰節奏與全域研發健康度。
War Room 大螢幕 Kiosk 專屬高對比佈局
3 Views HUD 週報/額度/對話 3 大視圖自動輪播
Tactical HUD Cyber Telemetry Kiosk Auto-Cycle CountUp Physics War Room Kiosk
回到章節導覽
📊 戰情視角 01 · 週度環比與 AI 主管週報全景 戰情室 HUD 週度主管週報視角，呈現 WoW% 趨勢、職能產出與 AI 週報
💳 戰情視角 02 · 月度預算安全水位與燃盡走勢監控 戰情室 HUD 額度燃盡監控視角，呈現安全水位、燃盡趨勢與支出分佈
📁 戰情視角 03 · 本地對話 2,296 筆多模型分佈遙測 戰情室 HUD 本地對話多模型遙測視角，呈現三大模型佔比、每日走勢與 2,296 筆對話
戰情室 HUD 3 大核心視圖示意：大螢幕 Kiosk 模式自動於週報、額度安全水位與 2,296 筆本地對話間循環輪播。
SYSTEM TOPOLOGY & PIPELINE

三層資料管線與分散式觀測架構

從分散的多模型本機對話與雲端協作表格，到毫秒級全文檢索與高階決策週報，全方位保障資料隱私、高可用性與零摩擦維運。

LAYER 01 · INGESTION

資料攝取與增量同步

跨多來源非同步擷取數據，支援自動指紋校驗與嚴格唯讀防護。

  • mtime/size Delta 歷史對話零磁碟 I/O 掃描
  • Strictly Read-Only 純 HTTPS GET 唯讀讀取
  • 5-min In-Memory 記憶體快取與網路防抖
LAYER 02 · CORE ENGINE

本地儲存與全文索引

Local-First 嵌入式儲存引擎，毫秒級處理海量對話檢索與職能指標運算。

  • SQLite WAL + FTS5 BM25 代碼與 Tool Call 深度檢索
  • Role Classifier PM/Designer/SE 職能自動啟發式分組
  • Working-Day Pace Asia/Taipei 預算安全水位燃盡算法
LAYER 03 · TELEMETRY

視覺遙測與決策輸出

多維度視覺化戰報與大螢幕 Kiosk 戰情室，賦能管理層秒級決策。

  • AI Synthesis 主管週報 Markdown 自動提煉生成
  • Dual Report Cards 團隊全景與個人賦能戰報海報一鍵匯出
  • 4K War Room HUD 賽博黑曜風格沉浸式大螢幕即時監控

我留下的界線

自動化停在「準備好讓人判斷」

在資料攝取層，系統堅守嚴格唯讀（Strictly Read-Only）原則。所有分析與指標計算皆於本機完成，絕不向外部或來源試算表發起未經確認的變更請求。

任何牽涉資料狀態異動的操作，都必須通過三道防線：Localhost 來源驗證、Capability Token 授權檢驗與Same-Origin 跨域防禦。在將變更寫回前，系統先精準列出 Diff 差異，唯有經過使用者親自審核勾選後方能執行。

一個真正專業的 Internal Tool，不是剝奪人的決定，而是把判斷所需的一切脈絡精準準備好。
想看工程架構與防禦性設計，可以從這裡展開

資料流單向性：Google Sheets 僅作為唯讀真實來源（Single Source of Truth）。後端採用原子性交易（DELETE + INSERT）落盤至本機 SQLite，杜絕髒資料與孤兒記錄。

本機快取與容錯降級：5 分鐘記憶體快取 + SQLite / JSON 快照三重備援，連線逾時亦可平滑運作。

機敏資訊過濾：Session 索引落盤前自動抹除 Token 與金鑰，並對超長文字進行防禦性截斷，兼顧隱私安全與極致效能。

資料流示意，呈現唯讀資料來源、本機整理、安全檢查與人工核准後的寫回
架構圖呈現唯讀來源、本機 SQLite FTS5 索引與人機協同審核寫回。

最後留下來的價值

讓 AI 研發投入從成本中心，轉化為組織的生產力引擎

過往，Token 費用與實際交付分散在不同維度，面對主管提問時往往需要臨時拼湊。現在，透過全景總覽、WoW 職能週報、 ROI 效益模型與毫秒級 FTS5 對話檢索，團隊擁有了完整的研發情報全貌。

搭配戰報圖卡的一鍵分享與賽博戰情室 HUD 的大螢幕即時監控，冰冷的 Token 數字轉化為直觀的商業產能與工程說服力。

作品交流

我喜歡把複雜的研發數據，打造為高說服力的決策介面。

如果你也在探索 AI 研發賦能、工程指標可觀測性 (Observability) 或企業級 Internal Tool 架構，歡迎深入交流。

看其他作品 到 LinkedIn 聯絡我
章節導覽