Star 历史趋势
数据来源: GitHub API · 生成自 Stargazers.cn
README.md

Claude Code Karma

Claude Code Karma

Your Claude Code sessions deserve more than a terminal.
A local-first, open-source dashboard that turns your ~/.claude/ data into a visual story — sessions, timelines, costs, and live activity, all on your machine.

License: Apache-2.0 Python 3.9+ Node 18+ SvelteKit 2


Claude Code Karma Dashboard

Why Claude Code Karma?

If you use Claude Code, you already have a goldmine of data sitting in ~/.claude/ — every session, every tool call, every token. But it's all buried in JSONL files you'll never read.

Warning: Claude Code only keeps session data for about 30 days. Older JSONL files in ~/.claude/projects/ are automatically cleaned up. Since Karma reads directly from those files, deleted sessions will disappear from the dashboard too.

Claude Code Karma reads that local data and gives you a proper dashboard. No cloud. No accounts. No telemetry. Just your data, on your machine.

It works with both Claude Code CLI and Claude Desktop (Claude Code mode) sessions — any session that writes to ~/.claude/ shows up automatically.

Features

Session Browser

Browse all your Claude Code sessions in one place. Search by title, prompt, or slug. Filter by project. See live sessions at the top with real-time status badges.

Session Browser

Session Timeline & Overview

Dive into any session to see exactly what happened — every prompt, tool call, thinking block, and response laid out chronologically. The overview tab shows key stats like message count, duration, model used, and which tools were called.

Session Overview

Session Timeline

Session Detail Tabs

Each session page has dedicated tabs that break down different aspects of what happened during the session.

Tasks — See all tasks Claude created and completed during the session, displayed in a flow view with status tracking.

Session Tasks

Files — Every file operation in a sortable table — reads, writes, edits — with timestamps, actors, and the tools that made each change.

Session Files

Subagents — Agents spawned during the session, grouped by type. Expand each to see message counts, tool calls, and what they were asked to do.

Session Subagents

Skills — Skills invoked via /skill commands during the session, with their source plugin and invocation count.

Session Skills

Commands — Slash commands used during the session, showing built-in and plugin commands with usage counts.

Session Commands

Analytics — Per-session cost breakdown, token usage, cache hit rates, tool distribution with a donut chart, and a ranked list of every tool used.

Session Analytics

Projects

See all your Claude Code workspaces organized by git repository. Each project card shows session count and when it was last active. Expand git repos to see individual project directories inside them.

Projects

Analytics

Track your token usage, costs, velocity trends, cache hit rates, and coding rhythm across all projects. See which models you use most and how your usage patterns change over time.

Analytics Dashboard

Tools

See every tool Claude Code uses — built-in ones like Read, Edit, and Bash, plus any MCP integrations you've added. Grouped by server with call counts and session coverage. Switch to the Usage Analytics tab for activity trends and top tools over time.

Tools Browser

Tool Usage Analytics

Click into any tool for detailed stats — total calls, session count, main vs subagent split, usage trend over time, and a full session history.

Tool Detail

Tool History

Agents

Browse all your agents — built-in, custom, and plugin-provided. See total runs, token consumption, and filter by category to understand how your agent ecosystem is being used. The Usage Analytics view shows activity trends and your most-used agents.

Agents Browser

Agent Usage Analytics

Drill into any agent for run counts, token usage, average duration, usage trends, project breakdown, and a session history showing every time that agent was used.

Agent Detail

Agent History

Hooks

Visualize all your Claude Code hooks organized by lifecycle phase — session start/end, tool use, agent lifecycle, and permissions. See which hooks can block execution and how many registrations each event has.

Hooks Browser

Plugins

View all installed Claude Code plugins with their agents, skills, and commands. Filter between official and community plugins. See version info and when each was last updated.

Plugins Browser

Click into any plugin to see everything it provides — agents, skills, commands, MCP tools, and hooks — along with usage analytics showing activity trends and top-used components.

Plugin Detail

Plugin Usage Analytics

Skills

Track which skills are invoked across sessions, grouped by plugin or shown individually. Click into any skill for usage stats, context split (main vs subagent), and a full session history showing every time that skill was used.

Skill Detail with History

Ticket Linking (Linear / Jira / GitHub Issues)

Attach your Claude Code sessions to the tickets they were about. Karma stays read-only — it stores the link and caches the title/status, but never writes back to your ticket provider.

Three ways to link:

  • Paste a URL or key into the Tickets section on any session page
  • Type /link-ticket-to-session ABC-123 (or ask the agent in natural language) in any Claude Code session — uses your Linear / Atlassian / GitHub MCP server to fetch the title
  • Auto-detect from your branch name — opt-in SessionStart hook that watches for keys like feat/LINEAR-123-foo and links silently in the background

Then browse:

  • A /tickets index showing every ticket touched, filterable by provider and project
  • A ticket detail page listing every session linked to a given ticket
  • A Tickets tab on every project page that aggregates across all checkouts of the same git repo — so a ticket linked from claude-karma/frontend/ also shows on the main claude-karma project

Tickets Index — All linked tickets in a filterable table. Switch between All, Issues, and PRs on GitHub.

Tickets Index

Filter by Provider — GitHub shows sub-pill filtering ([All N] [Issues N] [PRs N]) to toggle between categories.

GitHub Issues and PRs Filter

Ticket Detail — View a ticket with all linked sessions. Cross-project rollup shows "N sessions · M projects" with tabs per project.

Ticket Detail with Cross-Project Rollup

Project Tickets Tab — Every project page has a Tickets tab that aggregates across all git identity checkouts, so the same ticket appears even if linked from different branch directories.

Project Tickets Tab

And More

  • Tickets across providers — Link sessions to Linear, Jira, and GitHub Issues in a unified interface
  • Plans Browser — View implementation plans and their execution status
  • Command Palette — Quick navigation with Ctrl+K / Cmd+K
  • Full-text Search — Search across session titles, prompts, and slugs
  • Live Sessions — Real-time monitoring via Claude Code hooks

Quick Start

# Clone the repository git clone https://github.com/JayantDevkar/claude-code-karma.git cd claude-code-karma # Start API (Terminal 1) cd api pip install -e ".[dev]" && pip install -r requirements.txt uvicorn main:app --reload --port 8000 # Start Frontend (Terminal 2) cd frontend npm install && npm run dev

Open http://localhost:5173 to view the dashboard.

For detailed setup including live session tracking, see SETUP.md.

How It Works

Claude Code already saves everything locally — sessions, tool calls, token counts — as JSONL files in ~/.claude/. Claude Code Karma simply reads those files and serves them through a local dashboard.

~/.claude/projects/  →  FastAPI (port 8000)  →  SvelteKit (port 5173)
   your data              parses & serves          visualizes it

Nothing leaves your machine. The API reads your local files, indexes metadata in a local SQLite database, and the frontend renders it all in the browser.

Project Structure

claude-code-karma/
├── api/                    # FastAPI backend (Python) — port 8000
│   ├── models/             # Pydantic models for Claude Code data
│   ├── routers/            # API endpoints
│   └── services/           # Business logic
├── frontend/               # SvelteKit frontend (Svelte 5) — port 5173
│   ├── src/routes/         # Pages
│   └── src/lib/            # Components and utilities
├── captain-hook/           # Pydantic library for Claude Code hooks
└── hooks/                  # Hook scripts (symlinked to ~/.claude/hooks/)
    ├── live_session_tracker.py
    ├── session_title_generator.py
    └── plan_approval.py

Live Session Tracking

Enable real-time session monitoring by installing Claude Code hooks. See SETUP.md for setup instructions.

StateMeaning
LIVESession actively running
WAITINGWaiting for user input
STOPPEDAgent finished, session open
STALEUser idle 60+ seconds
ENDEDSession terminated

Technology Stack

Backend

  • Python 3.9+ with FastAPI and Pydantic 2.x
  • SQLite for metadata indexing
  • pytest for testing, ruff for linting

Frontend

  • SvelteKit 2 with Svelte 5 runes
  • Tailwind CSS 4 for styling
  • Chart.js 4 for visualizations
  • bits-ui for accessible UI primitives
  • TypeScript for type safety

Libraries

  • captain-hook — Type-safe Pydantic models for Claude Code's 10 hook types

API Endpoints

View all endpoints

Core

EndpointDescription
GET /projectsList all projects
GET /projects/{encoded_name}Project details with sessions
GET /sessions/{uuid}Session details
GET /sessions/{uuid}/timelineSession event timeline
GET /sessions/{uuid}/toolsTool usage breakdown
GET /sessions/{uuid}/file-activityFile operations
GET /sessions/{uuid}/subagentsSubagent activity

Analytics

EndpointDescription
GET /analytics/projects/{encoded_name}Project analytics
GET /analytics/dashboardGlobal dashboard metrics

Agents, Skills & Live Sessions

EndpointDescription
GET /agentsList all agents
GET /agents/{name}Agent details
GET /skillsList all skills
GET /live-sessionsReal-time session state

Tickets

MethodEndpointDescription
POST/sessions/{uuid}/ticketsLink a ticket to a session
GET/sessions/{uuid}/ticketsList tickets linked to a session
DELETE/sessions/{uuid}/tickets/{id}Unlink a ticket from a session
GET/ticketsList all tickets (filters: provider, project, q)
GET/tickets/{provider}/{key}Get ticket details
GET/tickets/{provider}/{key}/sessionsSessions linked to a ticket
PUT/tickets/{provider}/{key}Refresh metadata from MCP
POST/admin/repair-github-urlsRepair stale /issues/ URLs to /pull/

Contributing

Contributions are welcome! Please see CONTRIBUTING.md for guidelines on:

  • Reporting bugs
  • Suggesting features
  • Development setup
  • Code style and testing
  • Pull request process

License

This project is licensed under the Apache License 2.0. See LICENSE for details.

Questions?


Built and maintained by Jayant Devkar

关于 About

Dashboard for monitoring claude code sessions.
agentsagentskillsclaude-codeclaude-code-pluginclaude-code-skillsdashboardhooksmcpmcptoolmcptoolsmonitoringobservabilitypluginssessionsskillsvisibility

语言 Languages

Python59.1%
Svelte31.6%
TypeScript8.5%
CSS0.7%
JavaScript0.1%
HTML0.0%

提交活跃度 Commit Activity

代码提交热力图
过去 52 周的开发活跃度
162
Total Commits
峰值: 86次/周
Less
More

核心贡献者 Contributors