Open source · MIT

Watch Claude Code
work, in real time

A live Kanban dashboard for observing tasks, agents, and teams. Zero config. Read-only. Just run one command.

$ npx claude-code-kanban --open
Claude Code Kanban dashboard

Everything happening in Claude,
on one board

Real-time Kanban

Tasks flow through Pending, In Progress, and Completed columns as Claude works. SSE-powered live updates with no polling.

Agent log

Live subagent tracking with spawn time, duration, prompt preview, and idle detection. See every agent Claude orchestrates.

Waiting indicators

Amber highlights on sessions that need your permission or input. Never miss a blocked Claude session again.

Agent teams

Color-coded team members, owner filtering, and member count badges. Works with Claude Code's native team orchestration.

Task dependencies

See blockedBy/blocks relationships and the critical path. Understand which tasks are gating progress at a glance.

Keyboard-first

Full keyboard navigation. Press ? for shortcuts, Shift+M for live message follow, Shift+L for session log.

Three commands. Full observability.

1

Install hooks

One-time setup that adds lightweight shell hooks to Claude Code for full observability.

npx claude-code-kanban --install
2

Start dashboard

Launch the Kanban viewer. Opens in your browser, connects via SSE for live updates.

npx claude-code-kanban --open
3

Use Claude Code

Work as usual. Tasks, agents, and messages appear on the board automatically.

claude

See it in action

Dark mode screenshot

Common questions

No. The viewer only observes — it never writes to task files or directs Claude's work. It's completely read-only.

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.