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
  • 项目
  • 项目