Claude Code does a lot of things behind a blinking cursor. Synapse renders all of it as a live, interactive node graph. Because understanding is its own reward.
For developers running Claude Code who want to see what's happening under the hood.
npm install -g @synapse-ai/cli
Then: synapse start · Requires Node.js 20+
Agents spawning subagents calling tools spawning more agents — all rendered in real-time so you can see what's actually happening instead of guessing.
Sessions, agents, subagents, and tool calls as connected nodes with animated edges. Color-coded by status. Auto-expanding as agents spawn. Custom layout algorithm that handles arbitrarily deep trees without overlapping.
Same data, four perspectives. Tree view, treemap, sankey flow, and compaction timeline. Click a node in any lens — it highlights in the graph. Click a node in the graph — it highlights in every lens.
The Sankey is all form, the Treemap is all function.
47 tool calls don't produce 47 nodes. They're grouped into composites with three display modes: pill grid, timeline swimlanes, and density heatmap.
Start a job, walk away, approve permissions from your phone. Claude Code's HTTP hooks hold the request open until you tap Approve or Deny. Yes, others do this too. Now you have options.
Requires --lan mode. Your home Wi-Fi, not the coffee shop.
Arrow keys to walk the graph. Up/down the spine, left/right between siblings. Bracket keys for logical next/prev. Navigate a 200-node tree without touching the mouse.
Click any node to open a detail panel with full metadata — tool arguments, response payloads, token counts, timing, parent chain. Everything the graph summarizes, the inspector shows in full.
From zero to full agent visibility in one minute. No narration needed — the graph speaks for itself.
You don't configure anything. You don't install plugins. You type one command and it just works.
npm i -g @synapse-ai/cli
synapse start in your project. Server starts, hooks configured, browser opens.
Run Claude Code like normal. Every agent spawn, tool call, and token streams to the graph in real-time.
Watch the machine think. Click nodes, drill into tool calls, switch lenses. Turns out, watching AI think is addictive.
By default, Synapse binds to localhost. Nothing leaves your machine.
Pass --lan to enable remote approval from your phone — this opens unauthenticated endpoints on your local network.
Pass --observe-only for pure read-only monitoring with zero security surface.
Full details in the Security Model.
Real screenshots from a live Claude Code session.
The full dashboard, responsive down to mobile. Approve permissions from the couch, check agent progress from the kitchen, watch the graph grow from anywhere on your network.
Data can be fun too. These visualization modes prove it.
One install. One command. All the visibility.
npm install -g @synapse-ai/cli