Show me the Context

Visualize your context window — for Claude Code

A terminal tool that shows you how much of your context window is being used in real time while using Claude Code.

[ ████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ] Context: 198,234 / 1,000,000 (19.8%)
============================================================
  ┌──────────┐    System (45,231 tokens)
  │          │
  │          │
  └──────────┘
  ● User: Refactor this function (342 tokens)
> ┌──────────┐    Claude (152,661 tokens)
  │          │    src/auth/login.ts +12 -8 | src/auth/types.ts +3 -1
  │          │    Tools: 5 | Thinking: 2,340 tokens
  │          │
  │          │
  └──────────┘
[FOLLOW] ↑↓ navigate  ESC re-enable follow  Enter toggle detail  q back [3/3]

Why?

As conversations grow longer, Claude Code fills up the context window and starts summarizing (compacting) earlier messages. This can cause important context to be lost.

Run Show me the Context in a side terminal to:

• See what % of the context window is used at a glance
• Visually identify which blocks (System/User/Claude) consume the most tokens
• Track how many tools Claude called and which files were modified
• Auto-detect max context size per model (Opus 4.6: 1M, Sonnet: 200K, etc.)

Install & Run

npm install -g show-me-the-context

show-me-the-context

On first launch, you'll be prompted to set up Claude Code hooks. Select "Hook 설정 자동 추가" and it's done automatically.

Then start claude in another terminal — it will be detected and visualized in real time.

Controls

| Key | Action | |-----|--------| | ↑ ↓ | Navigate blocks | | Enter | View block details | | ESC | Return to follow mode / close details | | q | Go back |

License

MIT