AI导哈

上下文窗口成本可视化工具

跟踪和可视化MCP服务器、技能包和编码代理的上下文窗口成本，以树状图形式展示每日更新和版本变化。

  • by Sangkwun
  • JavaScript
  • 本地部署
  • 2 星标
  • 更新于
在 GitHub 查看 Sangkwun/context-treemap

使用说明

上下文树图

跟踪和可视化MCP服务器、技能包和编码代理的上下文窗口成本。

英语 | 韩语 | 日本语 | 中文

你的1M上下文窗口不是无限的。在您键入单个消息之前，系统提示、内置工具、MCP服务器和技能已经消耗了一部分，而且加起来很快。

上下文树图 跟踪每个组件的成本，并将其可视化为树状图——每天更新，像股票行情一样逐版本跟踪变化。

最新快照

MCP指数

工具模式令牌成本——与代理无关。

技能指数

块大小=总成本（始终打开+调用时）。颜色=版本更改（▲▼%）。

克劳德代码——上下文窗口（1M）

系统+工具+MCP+技能

Codex——上下文窗口（1M）

系统+工具+MCP+技能

追踪什么

MCP Servers (agent-agnostic)
服务器 工具 令牌 1M的百分比
剧作家 56 42000 4.2%
GitHub 26 19500 2.0%
概念 22 16500 1.7%
哨兵 16 12000 1.2%
文件系统 13 9750 1.0%
内存 9 6750 0.7%
Firecrawl 8 6000 0.6%
松弛 8 6000 0.6%
Supabase 7 5250 0.5%
线性 6 4500 0.5%
上下文7 2 1500 0.2%
图 2 1500 0.2%
Seq。思考 1 750 0.1%
PostgreSQL 1 750 0.1%
总计 177 ~133K 13.3%
Skill Packs (Claude Code)

技能有两个成本层次：

  • 始终打开 （描述元数据）--只需安装即可加载到系统上下文中
  • 在调用 （完整SKILL.md身体）-仅在调用技能时加载
技能包 技能 始终开启 随时调用
阿里雷萨·克劳德技能 165 14419 ~379K
一切克劳德代码 118 4639 ~287K
比特安全追踪 60 2470 ~170K
人造克劳德技能 45 3879 ~112K
Jeffallan-Claude技能 66 7247 ~82K
人性化前端设计 17 1690 ~44K
超级大国实验室 4 196 ~5K
Agent System Overhead
代理 模型 上下文 系统提示 内置工具 自动压缩 响应缓冲区 总计
克劳德码 作品4.6 1M 3000 16821 33000 8000 60821（6.1%）
食品法典委员会 GPT-5.4 1M 2500 8000 --100000 110500（11.1%）

运作原理

  1. 爬行 --GitHub Actions每天抓取MCP服务器npm包并提取工具模式
  2. 爬行技能 --从GitHub仓库中获取SKILL.md文件并解析描述元数据
  3. 测量 --令牌计数通过 API人类计数 （免费、准确）
  4. 渲染 --D3.js树状图+节点画布生成PNG图像
  5. 轨道 --版本历史记录已提交 data/，启用更改检测（▲▼%）

用法

# Install
npm install

# Run everything: crawl MCP + crawl skills + render images
npm run update

# Or run individually
ANTHROPIC_API_KEY=sk-... npm run crawl        # MCP servers
GITHUB_TOKEN=ghp-... npm run crawl:skills     # Skill packs
npm run render                                 # Generate images

数据源

贡献

  • 添加MCP服务器 --编辑 config/servers.json 并提交PR
  • 添加技能包 --编辑 config/skills.json 并提交PR
  • 更新代理数据 --编辑 data/agents/*.json 经过验证的测量结果
  • 报告不准确之处 --打开一个问题 /context 命令输出

许可证

麻省理工学院

相关 MCP