Claude-Code-Agent-Monitor

Name: Claude-Code-Agent-Monitor
Author: hoangsonww

Warning

🚀 A real-time monitoring dashboard for Claude Code, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, and WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, and an interactive web interface/MacOS native app.

464stars

93forks

TypeScript

Installation

# Add to your Claude Code skills
git clone https://github.com/hoangsonww/Claude-Code-Agent-Monitor

Getting Started

Guides for using ai agents skills like Claude-Code-Agent-Monitor.

Security ReportWarning

Last scanned: 5/23/2026

{
  "issues": [
    {
      "type": "npm-audit",
      "message": "body-parser: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "express: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "path-to-regexp: path-to-regexp vulnerable to Regular Expression Denial of Service via multiple route parameters",
      "severity": "high"
    },
    {
      "type": "npm-audit",
      "message": "qs: qs has a remotely triggerable DoS: qs.stringify crashes with TypeError on null/undefined entries in comma-format arrays when encodeValuesOnly is set",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "uuid: uuid: Missing buffer bounds check in v3/v5/v6 when buf is provided",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "ws: ws: Uninitialized memory disclosure",
      "severity": "medium"
    }
  ],
  "status": "WARNING",
  "scannedAt": "2026-05-23T06:34:32.608Z",
  "semgrepRan": false,
  "npmAuditRan": true,
  "pipAuditRan": true
}

README.md

Frequently Asked Questions

What is Claude-Code-Agent-Monitor?

Claude-Code-Agent-Monitor is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by hoangsonww. 🚀 A real-time monitoring dashboard for Claude Code, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, and WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, and an interactive web interface/MacOS native app. It has 464 GitHub stars.

Is Claude-Code-Agent-Monitor safe to use?

Claude-Code-Agent-Monitor returned warnings in SkillsLLM's automated security scan. It has no critical vulnerabilities, but review the flagged issues in the Security Report section before adding it to your workflow.

How do I install Claude-Code-Agent-Monitor?

Clone the repository with "git clone https://github.com/hoangsonww/Claude-Code-Agent-Monitor" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is Claude-Code-Agent-Monitor written in?

Claude-Code-Agent-Monitor is primarily written in TypeScript. It is open-source under hoangsonww on GitHub, so you can review or fork the full source.

Are there alternatives to Claude-Code-Agent-Monitor?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh Claude-Code-Agent-Monitor against similar tools.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

ECC

by affaan-m

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

216,382

narrator-ai-cli-skill ai-dive-deep

Agent Dashboard for Claude Code

Real-time monitoring platform for Claude Code agent activity 🚀

A professional dashboard to track and visualize your Claude Code agent sessions, tool usage, and subagent orchestration in real-time. Built with Node.js, Express, React, and SQLite, it integrates directly with Claude Code via its native hook system for seamless session tracking and analytics.

[!TIP] See also: README-CN.md (中文版本) and README-VI.md (Phiên bản tiếng Việt) for localized documentation with region-specific tips and best practices.

Overview
Internationalization (i18n)
Features
Quick Start
How It Works
Configuration
npm Scripts
Plugin Marketplace
Agent Extensions
MCP Integration
API Reference
Hook Events
Browser Notifications
Update Notifier
Tabby — Floating Cat Companion
Connection Status Modal
VS Code Extension
Desktop App (macOS & Windows)
Data Storage
Statusline
Server Architecture
Client Routing
Hook Handler Flow
Deployment Modes
Project Structure
Troubleshooting
License

Overview

Track sessions, monitor agents in real-time, visualize tool usage, and observe subagent orchestration through a professional dark-themed web interface. Integrates directly with Claude Code via its native hook system.

graph LR
    A["Claude Code<br/>Session"] -->|hooks fire on<br/>tool use / stop| B["Hook Handler<br/>(Node.js script)"]
    B -->|HTTP POST| C["Dashboard Server<br/>(Express + SQLite)"]
    C -->|WebSocket<br/>broadcast| D["Dashboard UI<br/>(React + Tailwind)"]
    style A fill:#6366f1,stroke:#818cf8,color:#fff
    style B fill:#1a1a28,stroke:#2a2a3d,color:#e4e4ed
    style C fill:#1a1a28,stroke:#2a2a3d,color:#e4e4ed
    style D fill:#10b981,stroke:#34d399,color:#fff

In addition to the real-time monitoring dashboard, it also includes a local MCP server implementation in mcp/ that exposes a catalog of tools for introspecting and mana