Agent Team Monitor banner
rezaan6 rezaan6

Agent Team Monitor

Productivity community

Description

Real-time Claude Code agent monitoring dashboard (Next.js + Supabase)

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Agent Teams Monitor

Real-time dashboard for monitoring Claude Code agents. Built on Next.js 16 + Supabase (Postgres + Realtime), deployable to Vercel.

What it shows

Live segregated view of every Claude Code sub-agent spawned from your sessions:

  • Working — running agents with live per-tool-use activity
  • Completed — finished agents with duration + usage stats
  • Failed — agents that errored

Plus a rolling activity timeline and aggregate token/tool-use totals.

Technologies

Features (wait until GIFs load)

  • Sign in with email + password (Supabase auth, RLS-enforced data isolation)

Login

  • Dashboard with skeleton loading states while data hydrates

Dashboard

  • User avatar menu with account details and sign-out

User menu

  • Light / dark theme toggle

Dark mode

  • Expandable agent cards showing per-tool-use events and usage

Agent card

  • Collapsible real-time activity timeline sidebar

Timeline

  • Collapsible Working / Completed / Failed sections

Sections

Architecture

Claude Code hooks ──POST──▶ Next.js API routes ──▶ Supabase Postgres