What problem does it solve?
Adding analytics features to the ClaudeBar macOS app requires coordinating domain models, file parsers, analyzers, and SwiftUI card views across multiple layers, which is error-prone without a consistent pattern. This Skill provides a structured TDD workflow for building report cards that read local data sources, aggregate metrics, and display period-over-period comparisons in the existing glassmorphism UI.
Core Features & Use Cases
- Phased TDD Workflow: Guides architecture design with user approval, then domain models, infrastructure parsers/analyzers, card views, and integration, each with tests written first.
- Established Data Flow Pattern: Enforces the Data Source → Parser → Analyzer → Report Model → UsageSnapshot → Card View pipeline used by the existing DailyUsage feature.
- UI Consistency Rules: Provides a styling checklist for glassmorphism cards (theme gradients, borders, progress bars, hover effects) so new cards match the app.
- Use Case: Add a weekly cost breakdown card that reads Claude JSONL session files, aggregates per-day costs, compares this week versus last week, and renders the result in the menu bar stats grid.
Quick Start
Use the add-report skill to add a weekly token usage report card to ClaudeBar that compares this week against last week.