Open source · MIT
Watch Claude Code
work, in real time
A live Kanban dashboard for observing tasks, agents, and teams. Zero config. Just run one command.
$ npx claude-code-kanban --open
A live Kanban dashboard for observing tasks, agents, and teams. Zero config. Just run one command.
$ npx claude-code-kanban --open
Features
Tasks flow through Pending, In Progress, and Completed columns as Claude works. SSE-powered live updates with no polling.
The full conversation timeline — user prompts, assistant replies, tool calls, and results — rendered live as Claude works.
Live subagent tracking with spawn time, duration, prompt preview, and idle detection. See every agent Claude orchestrates.
Click any card for full description, notes, and blockedBy/blocks dependencies — with inline editing when you need to adjust.
Follow the latest message live as it streams in, and pin the messages that matter so they stay one click away.
Per-session tool usage breakdown and file impact: which tools ran, how often, and what changed on disk.
Dracula, Nord, Catppuccin, Gruvbox, Tokyo Night, and more — each in light and dark. Pick yours from the theme menu.
Color-coded team members, owner filtering, and member count badges. Works with Claude Code's native team orchestration.
Full keyboard navigation. Press ? for shortcuts, Shift+M for live message follow, Shift+L for session log.
Tour
Session log
Open the session log next to the board to see every user prompt, assistant reply, and tool call in order — with expandable tool params and results. It streams in live over SSE while Claude works.
Subagents
When Claude spawns subagents, each one shows up in the agent log with its prompt, status, and duration. Click through to preview exactly what an agent was asked to do and what it produced.
Task detail
The detail panel shows the full description, notes, and dependency chips for blockedBy/blocks relationships. Titles, descriptions, and notes are editable inline — the only writes the viewer ever makes.
Live follow
Press Shift+M to follow the newest message as it arrives — a heads-up display of what Claude is doing right now, without scrolling or refreshing.
Pinning
Pin important messages — a plan, a decision, an error — and they stay anchored above the log while the session keeps moving underneath.
Session info
One modal for session metadata: model, project, git branch, context window usage, team configuration, and the session plan when one exists.
Tool stats
A per-session breakdown of tool usage and file impact — which tools ran, how many times, and which files were read or modified.
Storage manager
Inspect how much disk your session history takes and clean up stale sessions and tasks — right from the dashboard, no digging through ~/.claude.
Themes
17 themes — Ember, Gruvbox, Tokyo Night, Solarized, Rosé Pine, Monokai Pro, and more — each with light and dark modes.
Setup
One-time setup that adds lightweight shell hooks to Claude Code for full observability.
Launch the Kanban viewer. Opens in your browser, connects via SSE for live updates.
Work as usual. Tasks, agents, and messages appear on the board automatically.
FAQ
No. The viewer only observes — it never directs Claude's work. The one exception is task editing: you can adjust task titles, descriptions, and notes inline.
Yes. Team sessions are auto-detected with color-coded members and owner filtering.
No. You can browse past sessions anytime. Live updates resume when Claude starts working again.
The Kanban board still shows tasks, but you won't see the agent log, waiting-for-user indicators, or live session activity. Run npx claude-code-kanban --install for the full experience.