A request monitoring system for Claude Code, CC-Viewer captures and visualizes all API requests and responses in real time. It aids developers in debugging and context review during coding sessions, offering a web-deployed solution and mobile tools for enhanced development workflows.

How It Works

Operates in two modes: Programming and Logger. Programming Mode uses ccv as a claude CLI replacement, launching a web viewer that displays raw, unredacted API payloads in real time, enabling direct interaction and observation of code changes. Logger Mode intercepts requests from native claude or VS Code extensions, saving logs locally and adapting to different Claude Code installations via script injection or proxy configuration.

Quick Start & Requirements

Install globally via npm: npm install -g cc-viewer --registry=https://registry.npmjs.org. Requires local Claude Code installation (NPM or native). Launch ccv to open the web viewer; use ccv -logger for logger mode. Mobile coding is accessible via QR code.

Highlighted Details

• Real-time, raw (unredacted) API request/response visualization.
• Programming Mode offers web-based interaction with Claude, showing code diffs and payloads.
• Mobile programming via QR code.
• Logger Mode captures logs for native claude or VS Code extensions.
• Conversation Mode reconstructs full history into a chat interface with collapsible thinking blocks (translation unstable).
• Detailed statistics on token usage, cache, and tool/skill invocation.
• Supports 18 languages.

Maintenance & Community

Includes an auto-update feature. No specific maintainer, community channel, or roadmap details are provided in the README.

Licensing & Compatibility

Released under the MIT license, generally permitting commercial use and integration into closed-source projects.

Limitations & Caveats

Limited iOS compatibility (optimization planned for 2026.04.01). Some Conversation Mode features, like translation, are unstable. Agent Team display is not yet supported.