震惊，Github开源，真正让程序员效率提升 90%的AI辅助工具来啦！！！

嗨，我是小华同学，专注解锁高效工作与前沿AI工具！每日精选开源技术、实战技巧，助你省时50%、领先他人一步。👉免费订阅，与10万+技术人共享升级秘籍！

Claude Code Viewer 是一个基于浏览器的客户端工具，专为 Claude Code 项目日志可视化和交互操作设计。它帮助你「查看会话日志／启动新会话／恢复旧会话／浏览项目内容」——一站式管理 Claude Code 对话历史与项目。

在使用 Claude Code（一个在终端运行、理解你的项目、协助编码的 AI 工具）时，你可能会遇到以下痛点：

而 Claude Code Viewer 正是为缓解上述痛点而生：把繁杂的 ~/.claude 会话日志转成可浏览、可交互的网页视图，实现「一键启动／浏览／恢复」等操作。正如一位开发者所言：

换言之，如果你希望将 Claude Code 的黑盒终端体验，转化为可视化、可操作、网页化的体验，那么这个项目正好切中需求。

将 Claude Code 在~/.claude/projects//.jsonl中生成的 JSONL 日志，实时解析并在浏览器中展示会话数据：用户输入、AI 响应、工具调用、thinking 阶段、子会话详情。
你可以快速查到「某次对话里 agent 调用了什么工具」「执行了多少命令」「子会话跳转路径」等细节。

不只是查看日志，你还可以在浏览器中通过 Claude Code Viewer 启动新的 chat 会话，或从既有会话继续运行（Resume）。 比如：在某个 project 里选择「新建会话」——然后就可以通过网页界面输入提示，而不是回到终端。

在 UI 中列出多个项目、会话 Session ID、切换会话、查看历史，这大大提升多项目、多任务管理的效率。

在 chat 界面可以上传图片（PNG, JPEG, GIF, WebP）、PDF、文本文件，UI 支持原生预览：图片直接显示，PDF 嵌入查看，文本格式化。
这意味着你可以在 Claude Code 会话中上传截图、说明文档、日志等资料并浏览。

内建 Git Diff 查看器：你可以在浏览器里对比代码修改、提交 commit、甚至推送 push。
对于希望 AI 辅助编码、然后检查 diff 的开发流程特别适合。

可以为 Claude Code 消息设置 cron 表达式，实现定时任务、循环任务（支持跳过／运行）以及自动 删除。 例如：每天凌晨自动启动某个 agent 执行任务，再由你浏览结果。

UI 支持英文和日文界面，响应式设计适合手机浏览。 如果你常使用手机远程查看或者在平板上操作，这是一个加分项。

项目强调「Zero data loss」：严格的 Zod schema 验证保证日志格式完整；此外采用「渐进披露」（Expandable UI）设计，使得子会话等复杂结构也可清晰展开。

相比于仅在终端操作的 Claude Code 客户端，Viewer 的优势包括：

你在使用 Claude Code 辅助编写代码、生成补丁、重构、测试。用了 Claude Code Viewer 之后：

你在外办公或出差，想用手机查看 Claude Code 的运行状况：

非技术角色也希望参与 Claude Code 流程（例如产品、设计、分析）：

在教学或技术演示中，你想展示 Claude Code 的运行流程：

以下为 Claude Code Viewer 与其他 类似工具的对比：

如果你正在使用 Claude Code，想大幅提升「日志查看／历史回溯／远程管理／Git 审查」的效率，那么 Claude Code Viewer 是一个「浏览器化、流程化」极佳选择。它让终端工具向网页操作转化，让 AI 编程流程更透明、更易管理。

https://github.com/d-kimuson/claude-code-viewer