hoangsonww/Claude-Code-Agent-Monitor — reverse-engineered prompt

Build me a polished real time monitoring dashboard for Claude Code. I want it to connect to Claude Code through its hook system and show what my coding agents are doing live, including sessions, tools used, status changes, subagents, errors, and recent activity.

Make the main screen feel like a clean control center, with live stats, charts, timelines, session history, and a Kanban style board for agent status. Add helpful notifications when something important happens, plus a small cute buddy character that makes the app feel friendly without getting in the way.

Use a simple local database so the history is saved, and make the web app fast and easy to run locally. A React interface with a Node and Express backend is fine. Include WebSocket style live updates, basic settings, and clear install instructions. If possible, also support a macOS desktop version later using the same app.

Look up current docs online if you need to, and make the first version usable end to end.