ZhangHanDong

Cc Monitor Rs — Design skill for Claude Code

Design community intermediate

Real-time Claude Code usage monitor with native UI built using Rust and Makepad.

How to install Cc Monitor Rs

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

What Cc Monitor Rs does

Let Claude code it. Enjoy your cup.

Alternatives in Design

  • Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
  • Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★
  • Makepad Skills — Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting 723 ★

README

Claude Code Monitor

Let Claude code it. Enjoy your cup.

A real-time Claude Code usage monitor built with Rust and Makepad.

English | 简体中文

🌍 Cross-Platform Support

This is a cross-platform application that runs on:

  • 🖥️ macOS (10.15+)
  • 🐧 Linux (Ubuntu, Debian, Arch, Fedora, etc.)
  • 🪟 Windows (10/11)

We welcome everyone to help test the application on different platforms and report any issues!

✨ Features

  • 🌐 **Network Monitoring**

    • Real-time ping latency detection
    • TCP connection speed testing
    • Automatic proxy detection and support
  • 📊 **Claude Code Usage Tracking**

    • Live token usage monitoring
    • Session status display (Active/Completed)
    • 5-hour session reset countdown
    • Model usage tracking (opus-4, sonnet-4, etc.)
    • Cost statistics and calculations
  • 📈 **Historical Analytics**

    • 7-day usage trend charts
    • Daily cost statistics
    • Cumulative usage costs
    • Based on actual token calculations, not cached values
  • 🔔 **System Integration**

    • System tray icon with dropdown menu
    • Desktop notifications (network status changes, periodic usage reports)
    • Native macOS notification support
    • Real-time timestamp updates (per second)
  • 🌍 **Internationalization (i18n)**

    • Multi-language support (English, Chinese, Japanese)
    • Automatic system language detection
    • Real-time language switching
    • All UI elements and tray menu fully localized

📸 Screenshots

GUI Mode

TUI Mode (Terminal UI)

🚀 Getting Started

Prerequisites

  • macOS 10.15+ / Linux / Windows
  • Rust 1.70+
  • Claude Code CLI installed and authenticated
  • Node.js 16+ (for ccusage commands)

Platform-specific Requirements

**Linux:**

  • GTK3 development libraries
  • libappindicator (for system tray support)
  • libxdo (for keyboard shortcuts)
# Ubuntu/Debian
sudo apt install libgtk-3-dev libxdo-dev libappindicator3-dev

# Arch/Manjaro

...