Documentation
README
Add Report Card to ClaudeBar
Add new report cards that analyze local data sources, compute metrics with comparison deltas, and display them in the existing card UI style using TDD.
When to Use
This skill covers adding report-style features โ cards that:
- Read and parse local data files (JSONL, JSON, CSV, etc.)
- Aggregate metrics (cost, tokens, time, counts)
- Compare periods (today vs yesterday, this week vs last week)
- Display results in glassmorphism cards matching the existing UI
Architecture Pattern
Every report feature follows this data flow:
Data Source โ Parser โ Analyzer โ Report Model โ UsageSnapshot โ Card View
Mapped to the codebase layers:
This is the opening of the README. Read the full README on GitHub.