weiesky

weiesky / cc-viewer

Public

A request monitoring system for Claude Code that captures and visualizes all API requests and responses in real time. Helps developers monitor their Context for reviewing and debugging during Vibe Coding.

77
15
100% credibility
Found Feb 26, 2026 at 38 stars 2x -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

CC-Viewer is a real-time dashboard that captures and visualizes all interactions between Claude Code and AI services, helping developers debug context and optimize usage.

How It Works

1
🔍 Discover the viewer

While using your AI coding helper, you learn about a simple tool that shows exactly what it's thinking and doing behind the scenes.

2
📦 Install easily

Run one quick command on your computer, and the viewer sets itself up automatically for your setup.

3
⚙️ Smart connection

It detects your AI tool and hooks in quietly, keeping your normal workflow unchanged.

4
🌐 Open the dashboard

A webpage appears at a local address, ready to display live activity without interrupting your coding.

5
📊 Watch everything live

See requests, responses, chat history, tool uses, and smart stats updating in real-time, like peeking into the AI's mind.

6
💬 Explore chat and logs

Switch views to read conversations naturally, translate thoughts, manage old sessions, and dive into details.

✅ Master your AI coding

Catch bugs, understand context issues, save time and tokens, coding smoother and more confidently than ever.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 38 to 77 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is cc-viewer?

CC-Viewer is a real-time HTTP request monitoring tool for Claude Code, capturing every API call to Anthropic and visualizing requests, streaming responses, and token usage in a web dashboard at localhost:7008. Install globally with npm, run `ccv` for auto-setup via shell hooks or script injection, and it proxies or intercepts traffic without disrupting your CLI workflow—ideal for debugging context bloat during "Vibe Coding." Built in JavaScript with a React frontend and Node backend, it handles NPM or native Claude installs seamlessly.

Why is it gaining traction?

It stands out with dual raw/chat views: raw mode diffs sequential MainAgent bodies and masks sensitive headers, while chat mode reconstructs conversations with collapsible tool calls (Bash, Edit, Task), thinking blocks, and one-click Claude Haiku translations. Token stats hover shows cache hit rates and rebuild reasons; log management lets you import/merge JSONL files up to 500MB or export clean user prompts. Multi-language support (18 locales) and silent terminal mode keep your flow intact, unlike generic tools like deezer request monitoring proxies.

Who should use this?

Claude Code power users reviewing agent plans, SubAgent outputs, or cache misses during complex projects. Devs hitting github request limits or debugging /compact sessions will love the cc log viewer for spotting context pollution. Perfect for teams needing cc viewer 使い方 docs in non-English for http request monitoring in AI coding workflows.

Verdict

Grab the cc viewer download (npm install -g cc-viewer) if Claude Code is your daily driver—features punch above 33 stars, with solid MIT license and multilingual READMEs. 1.0% credibility flags early maturity (low tests, solo maintainer), so test on non-prod first, but it's a sharp cc job viewer for immediate debugging wins. (198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.