CLIProxyAPI Dashboard — Data skill for Claude Code

CLIProxy Dashboard

Real-time dashboard for monitoring CLIProxy usage, token consumption, estimated cost, and credential health.

What this project includes

• Collector (Python/Flask): polls CLIProxy Management API, computes deltas/costs, writes to PostgreSQL
• Frontend (React + Nginx): charts and analytics UI
• PostgreSQL: self-hosted DB initialized from init-db/schema.sql
• PostgREST: read-only API layer for frontend
• Skill tracker plugin distribution via marketplace + submodule (plugin/claude-skills-tracker)

Architecture

CLIProxy API / CPA-Manager Usage Service → Collector (Python) → PostgreSQL
Browser → Nginx:8417
          ├── /rest/v1/*       → PostgREST:3000 → PostgreSQL (read)
          └── /api/collector/* → collector:5001 (write/trigger)

---

Quick Start (run from this repository)

1) Prerequisites

• Docker + Docker Compose v2
• CLIProxy with remote management enabled

2) Configure CLIProxy Management API

Ensure your CLIProxy config includes:

remote-management:
  allow-remote: true
  secret: ""

For CLIProxyAPI v6.10+ / v7, usage statistics are served by an external usage service such as CPA-Manager. Keep the dashboard management URL pointed at CLIProxyAPI, and point the usage URL at the usage service:

usage-statistics-enabled: true
redis-usage-queue-retention-seconds: 3600

Quick verification:

curl -H "Authorization: Bearer " \
  http://localhost:18317/v0/management/usage

You should receive a JSON usage response. On older CLIProxyAPI versions that still expose `/v0/management/usage`, `CLIPROXY_URL` and `CLIPROXY_USAGE_URL` can be the same URL.

3) Clone and initialize submodule

git clone https://github.com/leolionart/CLIProxyAPI-Dashboard.git
cd CLIProxyAPI-Dashboard
git submodu