claude-code-viewer
一个功能完整的Web版Claude Code客户端，用于实时监控和管理开发会话。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-code-viewer。 它的用途是：一个功能完整的Web版Claude Code客户端，用于实时监控和管理开发会话。 完整的 Skill 内容见：https://321skill.com/skills/claude-code-viewer/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“启动Claude Code Viewer并设置端口为3400”，它会启动本地Web服务并输出访问地址。接着，你可以在浏览器中打开该地址，实时查看正在进行的Claude Code会话日志，浏览历史记录，或使用内置终端粘贴命令来启动新的开发任务。
介绍
Claude Code Viewer 是一个专注于Claude Code会话日志分析的Web客户端。它解决了在浏览器中无法直观、完整地管理和回顾Claude Code开发会话的问题，将原本在终端中进行的代码生成、调试等会话过程，通过一个现代化的Web界面进行可视化呈现和管理。
使用方式非常便捷，用户只需通过npm全局安装或使用npx直接运行，即可启动一个本地Web服务器。启动后，在浏览器中访问指定端口，就能看到界面。用户可以选择API Key或订阅模式进行认证，并利用其内置的终端、实时会话监控、历史记录浏览等功能。
这个工具非常适合那些频繁使用Claude Code进行编程开发，并希望有一个更友好、功能更集中的界面来管理会话历史、实时查看任务进度和快速恢复工作的开发者。它尤其适合在远程或需要长时间跟踪复杂开发任务的场景下使用。
需要注意的是，由于Anthropic服务条款的限制，使用订阅账户登录时，部分涉及发送聊天消息的功能（如直接发送、恢复会话等）需要手动开启或通过复制CLI命令的方式间接使用。但所有读取和监控功能不受影响。
核心特点
与简单的日志查看器不同，它提供了完整的交互式Web客户端体验，包括内置终端、实时任务监控、严格的会话数据架构验证和渐进式UI，实现了“零数据丢失”和“远程友好”的设计理念。
注意事项
不支持Windows系统，且使用订阅账户时，部分交互功能（如直接发送消息）受限。
常见问题
Windows系统能用吗？
不能，目前仅支持macOS和Linux系统。
订阅账户和API Key账户功能有区别吗？
有。订阅账户下，发送消息、恢复会话等功能默认关闭，但可通过复制CLI命令间接使用；API Key账户则功能完整。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-code-viewer/raw/index.md 读取 claude-code-viewer 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-code-viewer/raw/index.md（查看排版版本）