codeninja

Claude Code Command Center — Development skill for Claude Code

Development community

Full-screen Claude Code command center for monitoring and interacting with active sessions.

How to install Claude Code Command Center

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

What Claude Code Command Center does

Full-screen Claude Code command center for monitoring and interacting with active sessions.

Alternatives in Development

  • Claude Code Otel — A comprehensive observability solution for monitoring Claude Code usage, performance, and costs 306 ★
  • Claude Code Monitoring Guide — A comprehensive guide to measuring the return on investment for Claude Code implementation in your development 274 ★
  • Device Control Agent — You are an autonomous macOS agent with full control of this device via two CLI tools: - steer — GUI automation 250 ★

README

Claude Code Command Center (`cccc`)

A web-based monitoring and interaction hub for [Claude Code](https://claude.ai/code) sessions. Get real-time visibility into active Claude processes, browse session history, track usage costs, and chat with running sessions — all from a single dashboard.

![Python 3.12+](https://img.shields.io/badge/python-3.12%2B-blue)

Features

  • Live Process Monitor — See all running Claude Code processes with PID, model, working directory, CPU, and memory usage. Auto-refreshes every 5 seconds via HTMX.
  • Session Browser — Browse session conversations across all projects, including subagent threads, with messages color-coded by role (user, assistant, subagent, tool call).
  • Plans & Tasks — View active plans and task lists associated with each session.
  • Usage & Cost Tracking — Dashboard stats pulled from Claude's stats-cache.json.
  • Session History — Recent global history from ~/.claude/history.jsonl.
  • Chat Interaction — Send messages to running sessions directly from the web UI (uses claude --print --resume).
  • PID-to-Session Resolution — Navigate to a session by PID with automatic resolution via open files, env vars, CWD matching, and most-recent fallback.

Quick Start

Requires [uv](https://docs.astral.sh/uv/) and Python 3.12+.

# Clone and install
git clone  && cd claude-code-command-center
uv sync

# Run
uv run cccc

The dashboard is served at **http://localhost:18799**.

Alternative run methods

uv run python -m src.main                                          # Direct module execution
uv run uvicorn src.main:app --host 0.0.0.0 --port 18799 --reload  # With auto-reload

How It Works

The app reads directly from Claude Code's local filesystem (`~/.claude/`) — no API keys or external services needed.

~/.claude/
├── projects/{encoded-path}/{session-id}.jsonl      # Session conversations
├── projects/{encoded-path}/{session-id}/subagents/  # Subagent c