Claude Code 越来越贵？这个开源工具把你的 API 流量全看清楚了

Claude Code 越来越贵，流量都去哪儿了？今天看到一个开源工具 CC-Viewer，把这件事透明化了——它是 Claude Code 的「监控仪表盘」，实时显示所有 API 请求和响应。

它解决什么问题？

用 Claude Code 写代码，你知道自己每句话花了多少 token、模型回了多长的内容吗？大多数时候我们是无感的。CC-Viewer 的核心价值就是把这个过程「可视化」：每次对话的原始请求报文、响应内容、token 消耗量，全部实时展示在 Web 界面里。

这对于三个场景特别有用：

• 成本控制：你发现某个 Prompt 消耗异常高，可以立刻定位问题 Prompt，而不是等月底账单吓一跳
• 调试 Vibe Coding：Claude 跑偏了？直接回看请求记录，找到是哪句 Prompt 导致的上下文漂移
• 学习 Prompt 工程：看高手的真实对话记录，理解什么叫「结构化 Prompt」

怎么用？

# npm 安装
npm install -g cc-viewer

# 直接替代 claude，所有参数透传
ccv

# 继续上次对话
ccv -c

# SDK 模式，无终端面板，浏览器里直接聊
ccv -SDK

装好之后，启动 ccv 会自动打开 Web 页面，左边是 Claude 对话，右边是完整的请求/响应日志。手机上也能跑——这个功能挺有意思，等公交的时候还能继续调代码。

支持哪些模型？

官方主打 Claude Code，但项目里已经支持 Gemini CLI、CodeFuse 等多个 Agent。活跃维护，最近 6 天还有更新，GitHub 1k+ stars，MIT 协议。

适合谁？

如果你每天重度使用 Claude Code（付费版），装一个 CC-Viewer 等于多了一双「透明的眼睛」——不只是知道花了多少钱，更能理解 AI 的思维方式是怎么被你的 Prompt 引导的。这本身就是一种学习。

GitHub：https://github.com/weiesky/cc-viewer

GitHub: https://github.com/weiesky/cc-viewer