HN 표시: Cc-Lens, Claude Code용 오픈 소스 분석 대시보드

hackernews | | 📦 오픈소스
#claude #claude code #review #대시보드 #모니터링 #분석 #오픈소스
원문 출처: hackernews · Genesis Park에서 요약 및 분석

요약

'Cc-Lens'는 Claude Code의 로컬 데이터(~/.claude/)를 직접 읽어 토큰 사용량, 비용, 세션 기록 등을 분석하는 오픈 소스 모니터링 대시보드입니다. 클라우드 연결 없이 `npx cc-lens` 명령어 하나로 실행되며, 토큰 비용 추적, 프로젝트별 도구 사용 현황, GitHub 스타일의 히트맵 등 다양한 시각화 기능을 제공합니다. 또한 사용자가 수동 설치 시 소스 코드를 통해 로컬 환경에서도 구동할 수 있으며, 데이터는 5초 간격으로 자동 새로고침됩니다.

본문

A real-time monitoring dashboard for Claude Code analytics. Reads directly from ~/.claude/ , no cloud, no telemetry, just your local data. Run with a single command — no install needed: npx cc-lens That's it. The CLI finds a free port, starts the server, and opens the dashboard in your browser automatically. - Overview: Token usage over time, project activity distribution, peak hours heatmap, model breakdown donut, recent conversations - Projects: Card grid with sessions, cost per session, most-used tools, languages, git branches; per-project detail page with cost chart - Sessions: Sortable table with search and filters (compacted ⚡, agent 🤖, MCP 🔌, web 🔍, thinking 🧠); full session replay with per-turn token display, compaction events, token timeline chart - Costs: Stacked area chart by model, cost by project bar chart, per-model breakdown table, cache efficiency panel, static pricing reference - Tools: Tool ranking by category (file-io, shell, agent, web, planning, todo, skill, mcp), MCP server details, feature adoption table, CC version history, git branch chart - Activity: GitHub-style heatmap, streaks, day-of-week patterns, 24h peak hours bar - History: Searchable, paginated view of ~/.claude/history.jsonl command history with timestamps and project context - Memory: Browse and edit Claude Code memory files across all projects, filterable by type (user, feedback, project, reference, index), stale detection - Todos: View todo lists from ~/.claude/todos/ with status filters (pending, in_progress, completed) and priority badges - Plans: Read saved plan files from ~/.claude/plans/ with inline markdown rendering - Settings: Inspect ~/.claude/settings.json including installed skills and plugins - Export: Download .ccboard.json or.zip with full JSONL; import with additive merge preview If you prefer to run it locally from source: - Node.js 18+ - Claude Code with local data in ~/.claude/ npm install npm run dev Open http://localhost:3000 (or the port shown in the terminal). npm run build npm start ~/.claude/projects//*.jsonl : Session JSONL (primary)~/.claude/stats-cache.json : Aggregated stats~/.claude/usage-data/session-meta/ : Session metadata (fallback)~/.claude/history.jsonl : Command history~/.claude/todos/ : Todo files~/.claude/plans/ : Plan files~/.claude/memory/ : Memory files (per-project)~/.claude/settings.json : Settings, skills, plugins Data refreshes every 5 seconds while the dashboard is open. - Next.js 15 · React 19 · TypeScript - Tailwind CSS · Recharts · SWR

Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.

공유

관련 저널 읽기

전체 보기 →