d-kimuson/claude-code-viewer
A full-featured web-based Claude Code client that provides complete interactive functionality for managing Claude Code projects
解決的問題
Claude Code Viewer 為管理和分析 Claude Code 會話提供了一個基於網頁的介面。它解決了完全依賴 CLI 進行互動的問題，提供了一種更有序的方式來瀏覽對話歷史、即時監控任務，並在不遺失資料的情況下搜尋日誌。
工作原理
該工具作為 Claude Code 的客戶端，使用標準的 Claude Code 日誌（位於 ~/.claude/projects/）作為資料來源。它可透過 Node.js 作為伺服器執行，並透過瀏覽器存取。支援兩種驗證模式：API 金鑰模式（提供完整的互動功能）和訂閱模式（產生 CLI 命令供使用者在終端機中執行，以符合 Anthropic 的服務條款）。
適用對象
使用 Claude Code 的開發者，希望以視覺化、遠端友善的方式管理其 AI 編碼會話，特別是偏好在行動裝置上使用 PWA（進階式網頁應用）體驗，或需要集中式儀表板來檢視專案日誌的使用者。
主要亮點
- 即時日誌檢視：即時監控正在進行的 Claude Code 會話。
- 全文搜尋：使用鍵盤捷徑，在所有專案和對話中進行模糊匹配和前置搜尋。
- 整合終端：內建終端模擬器，無需離開瀏覽器即可啟動和執行 Claude Code 命令。
- 遠端存取：支援 Tailscale 和反向代理，可作為持續運作的伺服器，從任何裝置存取。
- PWA 支援：可作為進階式網頁應用（PWA）安裝，提供行動裝置優化介面與推播通知。
相關
- 專案
- 專案
- Dispatch
- 專案
- 專案