rezaan6

Agent Team Monitor — Productivity skill for Claude Code

Productivity community

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

How to install Agent Team Monitor

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

What Agent Team Monitor does

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

Alternatives in Productivity

  • Tradingview MCP — Real-time crypto & stock screening, advanced technical indicators, Bollinger Bands intelligence, candlestick p 2.6k ★
  • GrokSearch — Integrate Grok's powerful real-time search capabilities into Claude via the MCP protocol 1.8k ★
  • Claude Code Hooks Multi Agent Observability — Real-time monitoring for multi-agent Claude Code sessions via hook event tracking 1.3k ★

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