CodeBurn Web仪表盘指南本地可视化AI编码开销支持15分钟粒度趋势分析【免费下载链接】codeburnFree, local tool to track AI coding token usage and cost across 37 tools and agents (Claude Code, Cursor, Codex, Gemini and more), by model, project, and task. npx codeburn项目地址: https://gitcode.com/gh_mirrors/co/codeburnCodeBurn Web仪表盘是开源工具CodeBurn的浏览器界面一条codeburn web命令就能在本地免费、离线地可视化 Claude Code、Cursor、Codex、Gemini 等 40 多款 AI 编码工具的 token 消耗与花费并按模型、项目、任务拆分趋势图最细可精确到15 分钟粒度。所有数据只从你磁盘上已有的会话文件读取服务器绑定在 localhost不上传任何东西 一键启动30秒打开你的AI开销仪表盘前置条件只需 Node.js 22.13且本机至少装了一个支持的工具Claude Code、Cursor 等并产生过会话数据。npx codeburn web # 免安装直接运行自动打开 http://localhost:4747 codeburn web -p 30days # 从“最近30天”视图开始 codeburn web --port 8080 # 端口被占用时可指定端口或自动换一个空闲端口 codeburn web --no-open # 只启动服务不自动打开浏览器web子命令在 main.ts 中注册实际的服务与页面由 web-dashboard.ts 启动前端是 React 应用源码在 dash/src/App.tsx。 小贴士服务默认绑定127.0.0.1并会拒绝任何非 localhost 的请求防止 DNS rebinding 等手法从你访问的网页读取本机使用数据——这是本地数据隐私的核心防线见 web-dashboard.ts 中的回环校验逻辑。15分钟粒度趋势图看懂你的AI消费曲线Web 仪表盘的核心是一张跟随所选时间范围的细粒度趋势图它和 TUI 的按天堆叠柱状图不同会把开销画成连续的时间线。粒度由后端自动选择逻辑在 granular-history.ts所选时间范围图表粒度适合回答的问题≤ 48 小时15 分钟桶今天下午 3 点那一波烧钱是谁干的48 小时 ~ 8 天每小时桶本周哪几个时段消耗最高 8 天每日桶这个月的花费走势如何图表渲染组件是 UsageChart.tsx它提供两个实用交互切换拆解维度右上角可在Sessions按会话拆线和Models按模型拆线之间切换。默认显示花费最高的 6 条线其余合并为 Other鼠标悬停能看到每个时间点的明细和合计。切换计量单位顶栏的Cost / Tokens开关让同一张图在花了多少钱和烧了多少 token之间自由切换。如何读懂 15 分钟趋势图时间范围选到 48 小时以内比如今天图表即自动进入 15 分钟粒度若某条会话线在某个时段陡峭爬升说明该会话密集调用 API——通常是长上下文反复重读或重试循环配合顶栏的工具筛选器All tools / claude / codex / cursor…可以只留一条工具线快速定位罪魁祸首若图前有一段全零图表会自动裁掉避免假繁荣——只有真实产生花费后曲线才开始。八个指标卡 全景面板数据都拆到哪一层主图下方的指标卡给出当期核心数字Cost花费、Tokens输入/输出、Calls调用次数、Sessions会话数、Cache hit缓存命中率、Cache write / read、One-shot一次成功率。再往下面板把开销拆到四个维度面板回答的问题By tool / Top models哪款工具、哪个模型最烧钱各模型还有多少节省空间Model efficiency每次编辑成本Cost/edit与一次成功率谁性价比最高Top projects / By activity项目级花费与 13 类任务编码、调试、测试…的花费分布Subagents / Skills / MCP servers / Savings waste子代理、技能、MCP 服务的调用成本本地模型节省、重试税等浪费其中Savings waste面板与codeburn optimize的浪费扫描同源让你一眼看到重试浪费和路由浪费的潜在节省金额。图表数据经由本地 API/api/usage提供实现见 serve.ts 与 web-dashboard.ts同一份数据也服务 TUI、菜单栏和桌面端口径完全一致。多设备合并视图笔记本 台式机一个总账 ️如果你的代码同时跑在多台机器上Web 仪表盘支持本地网络配对合并另一台设备上运行codeburn share --pair打印 PIN主设备运行codeburn devices add或直接在 Web 仪表盘侧栏点击Search local devices完成配对配对码需两侧匹配侧栏出现 All devices 入口进入后是按设备堆叠的每日花费图 每台设备的 Cost/Tokens/Calls/Sessions 明细。隐私设计很克制远程设备只共享汇总数字项目名、会话明细留在各台设备本地面板会明确提示 Project and session detail stays on that device。配对与共享逻辑见 src/sharing/ 目录。常见问题排查FAQQ打开页面提示 Dashboard not built yetCLI 会持续提供数据 API但页面需要构建一次前端cd dash npm install npm run build从源码运行时需要npm 发布的包已内置。Q端口 4747 被占用--port指定其他端口即可不指定时若端口被占程序会自动回退到一个空闲端口并打印新地址。Q仪表盘全是 0 或空图确认本机确实有支持工具的会话文件可运行codeburn doctor逐个工具检查探测路径、会话数与解析健康度只读、离线。Q今天还没写代码图是空的仪表盘默认打开今天若今天无会话会自动回落到7 天视图也可用-p week|30days|month|all指定。小结能力说明 启动成本npx codeburn web一条命令免代理、免 API Key 趋势精度≤48h 自动 15 分钟粒度按会话/模型拆线 拆解维度工具、模型、项目、任务、子代理、MCP 全覆盖️ 多设备局域网 PIN 配对只共享汇总明细不出本机 隐私仅 localhost 服务全程本地读取磁盘会话文件从这个月花了多少到昨天 15:15 那一分钟为什么这么贵CodeBurn Web 仪表盘把 AI 编码开销的账本从月度粗账细化到了分钟级——而且账单从不撒谎因为它读的就是你自己机器上的数据 更多细节可参考 README.md 的 Browser dashboard 章节与 docs/providers/ 各工具的数据位置说明。【免费下载链接】codeburnFree, local tool to track AI coding token usage and cost across 37 tools and agents (Claude Code, Cursor, Codex, Gemini and more), by model, project, and task. npx codeburn项目地址: https://gitcode.com/gh_mirrors/co/codeburn创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 CodeBurn Web仪表盘指南：本地可视化AI编码开销，支持15分钟粒度趋势分析
CodeBurn Web仪表盘指南本地可视化AI编码开销支持15分钟粒度趋势分析【免费下载链接】codeburnFree, local tool to track AI coding token usage and cost across 37 tools and agents (Claude Code, Cursor, Codex, Gemini and more), by model, project, and task. npx codeburn项目地址: https://gitcode.com/gh_mirrors/co/codeburnCodeBurn Web仪表盘是开源工具CodeBurn的浏览器界面一条codeburn web命令就能在本地免费、离线地可视化 Claude Code、Cursor、Codex、Gemini 等 40 多款 AI 编码工具的 token 消耗与花费并按模型、项目、任务拆分趋势图最细可精确到15 分钟粒度。所有数据只从你磁盘上已有的会话文件读取服务器绑定在 localhost不上传任何东西 一键启动30秒打开你的AI开销仪表盘前置条件只需 Node.js 22.13且本机至少装了一个支持的工具Claude Code、Cursor 等并产生过会话数据。npx codeburn web # 免安装直接运行自动打开 http://localhost:4747 codeburn web -p 30days # 从“最近30天”视图开始 codeburn web --port 8080 # 端口被占用时可指定端口或自动换一个空闲端口 codeburn web --no-open # 只启动服务不自动打开浏览器web子命令在 main.ts 中注册实际的服务与页面由 web-dashboard.ts 启动前端是 React 应用源码在 dash/src/App.tsx。 小贴士服务默认绑定127.0.0.1并会拒绝任何非 localhost 的请求防止 DNS rebinding 等手法从你访问的网页读取本机使用数据——这是本地数据隐私的核心防线见 web-dashboard.ts 中的回环校验逻辑。15分钟粒度趋势图看懂你的AI消费曲线Web 仪表盘的核心是一张跟随所选时间范围的细粒度趋势图它和 TUI 的按天堆叠柱状图不同会把开销画成连续的时间线。粒度由后端自动选择逻辑在 granular-history.ts所选时间范围图表粒度适合回答的问题≤ 48 小时15 分钟桶今天下午 3 点那一波烧钱是谁干的48 小时 ~ 8 天每小时桶本周哪几个时段消耗最高 8 天每日桶这个月的花费走势如何图表渲染组件是 UsageChart.tsx它提供两个实用交互切换拆解维度右上角可在Sessions按会话拆线和Models按模型拆线之间切换。默认显示花费最高的 6 条线其余合并为 Other鼠标悬停能看到每个时间点的明细和合计。切换计量单位顶栏的Cost / Tokens开关让同一张图在花了多少钱和烧了多少 token之间自由切换。如何读懂 15 分钟趋势图时间范围选到 48 小时以内比如今天图表即自动进入 15 分钟粒度若某条会话线在某个时段陡峭爬升说明该会话密集调用 API——通常是长上下文反复重读或重试循环配合顶栏的工具筛选器All tools / claude / codex / cursor…可以只留一条工具线快速定位罪魁祸首若图前有一段全零图表会自动裁掉避免假繁荣——只有真实产生花费后曲线才开始。八个指标卡 全景面板数据都拆到哪一层主图下方的指标卡给出当期核心数字Cost花费、Tokens输入/输出、Calls调用次数、Sessions会话数、Cache hit缓存命中率、Cache write / read、One-shot一次成功率。再往下面板把开销拆到四个维度面板回答的问题By tool / Top models哪款工具、哪个模型最烧钱各模型还有多少节省空间Model efficiency每次编辑成本Cost/edit与一次成功率谁性价比最高Top projects / By activity项目级花费与 13 类任务编码、调试、测试…的花费分布Subagents / Skills / MCP servers / Savings waste子代理、技能、MCP 服务的调用成本本地模型节省、重试税等浪费其中Savings waste面板与codeburn optimize的浪费扫描同源让你一眼看到重试浪费和路由浪费的潜在节省金额。图表数据经由本地 API/api/usage提供实现见 serve.ts 与 web-dashboard.ts同一份数据也服务 TUI、菜单栏和桌面端口径完全一致。多设备合并视图笔记本 台式机一个总账 ️如果你的代码同时跑在多台机器上Web 仪表盘支持本地网络配对合并另一台设备上运行codeburn share --pair打印 PIN主设备运行codeburn devices add或直接在 Web 仪表盘侧栏点击Search local devices完成配对配对码需两侧匹配侧栏出现 All devices 入口进入后是按设备堆叠的每日花费图 每台设备的 Cost/Tokens/Calls/Sessions 明细。隐私设计很克制远程设备只共享汇总数字项目名、会话明细留在各台设备本地面板会明确提示 Project and session detail stays on that device。配对与共享逻辑见 src/sharing/ 目录。常见问题排查FAQQ打开页面提示 Dashboard not built yetCLI 会持续提供数据 API但页面需要构建一次前端cd dash npm install npm run build从源码运行时需要npm 发布的包已内置。Q端口 4747 被占用--port指定其他端口即可不指定时若端口被占程序会自动回退到一个空闲端口并打印新地址。Q仪表盘全是 0 或空图确认本机确实有支持工具的会话文件可运行codeburn doctor逐个工具检查探测路径、会话数与解析健康度只读、离线。Q今天还没写代码图是空的仪表盘默认打开今天若今天无会话会自动回落到7 天视图也可用-p week|30days|month|all指定。小结能力说明 启动成本npx codeburn web一条命令免代理、免 API Key 趋势精度≤48h 自动 15 分钟粒度按会话/模型拆线 拆解维度工具、模型、项目、任务、子代理、MCP 全覆盖️ 多设备局域网 PIN 配对只共享汇总明细不出本机 隐私仅 localhost 服务全程本地读取磁盘会话文件从这个月花了多少到昨天 15:15 那一分钟为什么这么贵CodeBurn Web 仪表盘把 AI 编码开销的账本从月度粗账细化到了分钟级——而且账单从不撒谎因为它读的就是你自己机器上的数据 更多细节可参考 README.md 的 Browser dashboard 章节与 docs/providers/ 各工具的数据位置说明。【免费下载链接】codeburnFree, local tool to track AI coding token usage and cost across 37 tools and agents (Claude Code, Cursor, Codex, Gemini and more), by model, project, and task. npx codeburn项目地址: https://gitcode.com/gh_mirrors/co/codeburn创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考