Agent skill

Add Report

by tddworks in tddworks/ClaudeBar

Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas.

Apache-2.0Auto-check passedTesting & QA

Install Add Report

skills CLI
$ npx skills add tddworks/ClaudeBar --skill add-report -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install tddworks/ClaudeBar add-report --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/tddworks/ClaudeBar.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/add-report .claude/skills/add-report && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
add-report
GitHub stars
1.5k
Token cost
~3.1k tokens
SKILL.md length
1,064 words
Files
2 (incl. references)
Skills in repo
6
Repo updated
First seen
Licence
Apache-2.0

At a glance

Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas.

  • Works in 5 steps: Place it and design it (MANDATORY) → The report value (TDD) → Only if the report needs reading it… → …
  • Adding a new report/analytics card (e.g.
  • SKILL.md covers When to Use, First, which kind of report is…, How a report over days flows and Workflow, plus 6 more sections
  • Calls xcodebuild and python3

What it does

Add Report is an agent skill from tddworks/ClaudeBar. Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas. Use this skill when: (1) Adding a new report/analytics card (e.g., weekly summary, model breakdown, session stats) (2) Showing usage history in a new way, or reading another tool's usage logs (3) Adding comparison cards that show "today vs previous" style deltas (4) Building any feature that follows the DailyUsage pattern (days → report value → card)

Its SKILL.md is about 3.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/daily-usage-pattern.md`).

It sits in Testing & QA. The repository describes itself as: A macOS menu bar application that monitors AI coding assistant usage quotas. Keep track of your Claude, Codex, Antigravity ,and Gemini usage at a glance. The licence is Apache-2.0.

When your agent uses it

  • Adding a new report/analytics card (e.g.
  • Model breakdown
  • Showing usage history in a new way
  • Reading another tools usage logs

Example prompts

  • “s usage logs (3) Adding comparison cards that show”
  • “/add-report”

Requirements

  • Python 3

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Place it and design it (MANDATORY)
  2. The report value (TDD)
  3. Only if the report needs reading it doesn't have
  4. The card, read on popover open
  5. Verify

What it can do on your machine

Read from SKILL.md and the folder at commit 1dcaa62. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • xcodebuild
    • python3

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Add Report loads about 3.1k tokens when it runs, and up to ~4k if it reads all its reference files. Until then it costs about 122 tokens; SKILL.md has 1,064 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~122
When it runs · the whole SKILL.md, loaded when a task matches
~3.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from tddworks/ClaudeBar at commit 1dcaa62, republished under its Apache-2.0 licence (© tddworks). 1,064 words, ~3,085 tokens.

Download SKILL.mdSave it as .claude/skills/add-report/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
add-report
description
Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas. Use this skill when: (1) Adding a new report/analytics card (e.g., weekly summary, model breakdown, session stats) (2) Showing usage history in a new way, or reading another tool's usage logs (3) Adding comparison cards that show "today vs previous" style deltas (4) Building any feature that follows the DailyUsage pattern (days → report value → card)

Add Report Card to ClaudeBar

Add report cards that turn a login's usage history into metrics with comparison deltas, shown in the existing card style, test first.

When to Use

This skill covers report-style features — cards that:

  • Aggregate a login's days of usage (cost, tokens, time, sessions)
  • Compare periods (today vs yesterday, this week vs last week)
  • Read another tool's usage logs (as data in its definition)
  • Display results in cards matching the existing UI

First, which kind of report is it?

Usage history is data now (daily-usage design). A report is almost always a new view over days the login already reads, not new reading code. Place it before anything else:

The person wants…It isYou write
a new look at usage this app already reads — this week vs last, cost per model, a 30-day charta report over days: the page asks account.usageHistory?.days(in: range) and a value in Quotas turns the days into the reporta Quotas value + its tests, a card. No reading code
the same history for another tool (its own log files)a usageHistory block in that provider's definitionJSON (paths, where, fields, prices), its golden tests — no Swift
history from a log format no reader understands yeta new reader, named for the format, in Modules/DataSources/Sources/Internal/Logs/the reader, test-first in DataSourcesTests, then the JSON; a row in ENGINE_DESIGN §1
an answer to a different question than "how much did I use?"a capability (CANONICAL §2.1): declared in the definition, a handle on Account that is nil when not declareddesign first; a runner outside the modules is supplied by the Engine (TARGET_ARCHITECTURE §10)

Never: a field on UsageSnapshot (the kernel is shrinking toward Usage, CANONICAL_MODEL §6), an XxxAnalyzer / XxxAnalyzing protocol, a parser in Sources/Infrastructure, or a vendor-named type in a module.

Reference implementation: references/daily-usage-pattern.md — TODAY'S USAGE: Claude's logs and prices as data, UsageLog in DataSources, account.usageHistory, DailyUsageReport in Quotas, DailyUsageCardView. The Leaderboard reads 30 days the same way (login.history.days(in:) → DailyTokens.summed).

Check the design first — the docs are the source of truth (AGENTS.md): USER_JOURNEYS, CANONICAL_MODEL, TARGET_ARCHITECTURE, then the feature's design.md.

How a report over days flows

text
 <id>.json "usageHistory"  ──►  UsageLog (DataSources)        one per login, built by
                                  reader · PriceList ·          ProviderFactory from the definition
                                  DayAggregator
                                       │
 popover opens (never in the background, #204)
        │                              ▼
 account.usageHistory?.days(in: .last(14))   ──►  [DailyUsageStat]   (closed days from the ledger)
        │
        ▼
 WeeklyReport(days:)            a rich value in Modules/Quotas: deltas, percentages, formatting
        │
        ▼
 WeeklyCardView                 renders what the report says — never compares or counts

Workflow

Phase 0: Place it and design it (get user approval)
    ↓
Phase 1: The report value + tests (TDD Red→Green)
    ↓
Phase 2: Only if needed — the definition's usageHistory, a new reader, or a capability
    ↓
Phase 3: Mockup, card view, reading it on popover open
    ↓
Phase 4: Verify, screenshots on mock data, docs

Phase 0: Place it and design it (MANDATORY)

Step 1: Define the report
  • What does the person want to know? In their words (USER_JOURNEYS).
  • Which kind is it? The table above.
  • Which days? DateRange (.last(n), a week, today vs yesterday).
  • Which logins? A report is per login — two logins are two reports, never summed.
  • How many cards? One per metric, or one combined card.
Step 2: Diagram it
Example: this week vs last week, per login

┌────────────────────────────────────────────────────────────────────┐
│  Providers (module)           Quotas (module)        App           │
│                                                                    │
│  account.usageHistory   ─►  WeeklyReport(days:)  ─►  WeeklyCardView │
│   .days(in: .last(14))       thisWeek / lastWeek      × 3 metrics   │
│   → [DailyUsageStat]         deltas, %, formatted                   │
│                                                                    │
│  No reading code: claude.json's usageHistory already reads the logs│
└────────────────────────────────────────────────────────────────────┘
Step 3: The pieces
PieceModuleOne jobTest
WeeklyReportQuotasturns days into the comparison the card showsTests/DomainTests/<Feature>/
WeeklyCardViewApprenders itAppTests / screenshots
(only if needed) usageHistory block, a reader, a capabilitydefinition / DataSources / Providers—golden tests / DataSourcesTests / ProvidersTests
Step 4: Mockup and approval

A UI change gets a mockup in design-concept/<feature>/ on mock data first (AGENTS.md). Present the doc change, the diagram, the pieces and the mockup; use AskUserQuestion and wait for approval.


Phase 1: The report value (TDD)

Name each test should <outcome> [when <situation>], in the person's words, never a method, type or mechanism verb → Naming tests.

Location: Modules/Quotas/Sources/{Name}Report.swift (beside DailyUsageReport), tests in Tests/DomainTests/{Feature}/{Name}ReportTests.swift (beside DailyUsageReportTests). It is built from days — [DailyUsageStat] — so it never reads a file:

swift
public struct {Name}Report: Sendable, Equatable {
    public let current: [DailyUsageStat]    // e.g. this week
    public let previous: [DailyUsageStat]   // e.g. last week

    /// The days split at `boundary`, as the page asks for them.
    public init(days: [DailyUsageStat], splitAt boundary: Date) { … }

    public var cost: Decimal { current.reduce(0) { $0 + $1.totalCost } }
    public var costChangePercent: Double? {
        let before = previous.reduce(Decimal(0)) { $0 + $1.totalCost }
        guard before > 0 else { return nil }          // nil when there was nothing before
        …
    }
    public var formattedCostDelta: String { … }       // "+$5.00", "-$1.20": the sign always shown
    public var costProgress: Double { … }             // current / (current + previous), 0…1
}

Rules:

  • Decimal for money, TimeInterval for durations; Locale(identifier: "en_US") for currency.
  • Every formatted string and every comparison lives in the value — the view only reads them.
  • A change percent is nil when the previous period is zero; deltas always carry a sign.
  • isEmpty means all zero (&&, not ||).

Write the tests first (state and return values, Chicago school), then the value.


Phase 2: Only if the report needs reading it doesn't have

2a. Another tool's history → its definition

Add a usageHistory block to <id>.json — files, format, where, fields, prices, sessionGap — the shape is in the daily-usage design §2. Golden tests in Modules/Providers/Tests/ over fixture logs (see ClaudeUsageHistoryTests). No Swift.

Show full SKILL.md (411 more words)Show less
2b. A log format no reader knows → one reader in DataSources

A reader named for the format (JSONLinesReader, never AcmeLogReader) in Modules/DataSources/Sources/Internal/Logs/, test-first in Modules/DataSources/Tests/Logs/ with neutral fixtures, yielding the one LogRecord every reader yields. Then the JSON uses it. Add its row to ENGINE_DESIGN §1. Only scan files changed within the range (LogFileFinder).

2c. A different question → a capability

Design it in the docs first (CANONICAL §2.1, TARGET_ARCHITECTURE): declared in the definition, its own types in Modules/Providers, an @Observable handle on Account that is nil when not declared — like usageHistory and guestPasses. ProviderFactory.make builds it from the definition; a runner that lives outside the modules (a CLI the App runs, the Keychain) is supplied by the Engine the App builds once. The App never passes anything per provider.


Phase 3: The card, read on popover open

3a. The card view

Location: Sources/App/Views/{Name}CardView.swift. Match the existing cards; DailyUsageCardView is the reference:

swift
struct {Name}CardView: View {
    let metric: {Name}Metric   // one case per card
    let report: {Name}Report
    let delay: Double          // cascading entrance

    @Environment(\.appTheme) private var theme

    var body: some View {
        VStack(alignment: .leading, spacing: 6) {
            // header: icon + LABEL · the large value · the progress bar · the delta line
        }
        .padding(12)
        .background(/* theme.cardGradient fill + theme.glassBorder stroke */)
    }
}

Card styling checklist: .padding(12) · theme.cardGradient + theme.glassBorder (1pt) · theme.cardCornerRadius · theme.fontDesign on text · theme.textPrimary/Secondary/Tertiary · theme.progressTrack · hover scale 1.015 · progress bar animated with delay.

3b. Read the days when the popover opens

Usage history is read when the popover opens, never in the background (#204), and per login — the page asks the selected login, as MenuContentView does:

swift
.task(id: login.id) {
    guard let history = login.usageHistory else { return }   // nil: this login offers none
    let days = await history.days(in: .last(14))
    report = {Name}Report(days: days, splitAt: weekStart)
}

The view renders report; it never compares, counts or decides from the days itself.

3c. Nothing to register

ProviderFactory.make builds usageHistory from the definition, and every provider is found by ProviderCatalog.detect() (TARGET_ARCHITECTURE §10). The App passes nothing per provider.


Phase 4: Verify

  1. tuist generate
  2. xcodebuild test -workspace ClaudeBar.xcworkspace -scheme ClaudeBar-Workspace -destination 'platform=macOS,arch=arm64' — the full run; tuist test skips cached targets
  3. Run the real popover on mock data (scripts/demo-screenshots.sh) — screenshots, never real names, emails or usage
  4. Docs in the same change: the feature's README.md / design.md, one CHANGELOG line (≤300 chars), python3 scripts/gen-docs.py && python3 scripts/check-docs.py --strict

Checklist

Phase 0
  • Placed: report over days · definition usageHistory · new reader · capability
  • Design in the docs, diagram, pieces table, mockup in design-concept/<feature>/
  • User approved
Phase 1
  • {Name}ReportTests written first (deltas, nil percent, signs, progress, empty)
  • {Name}Report in Modules/Quotas, built from [DailyUsageStat] — green
Phase 2 (only if needed)
  • usageHistory block + golden tests, or a format-named reader in DataSources + its ENGINE_DESIGN row, or a declared capability
  • No UsageSnapshot field, no analyzer protocol, no vendor-named Swift
Phase 3
  • {Name}CardView matching the card style
  • Days read on popover open, per login; nothing passed in ClaudeBarApp
Phase 4
  • Full xcodebuild test green
  • Screenshots on mock data
  • Docs and CHANGELOG line; docs check passes

© tddworks, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in .claude/skills/add-report of tddworks/ClaudeBar.

  • SKILL.md
  • references/daily-usage-pattern.md

Open the folder on GitHubat commit 1dcaa62

Compare with similar skills

Add Report next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Add Report compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Add Report this skilltddworks/ClaudeBar1.5k—~3.1kAutomated safety check: PassApache-2.0
Web Application Testinganthropics/skills180k51 repos~966Automated safety check: PassApache-2.0
Diagnosing Bugsfossasia/eventyay-interpretation1.6k32 repos~2.1kAutomated safety check: PassApache-2.0
TDDpietheinstrengholt/rssmonster56430 repos~906Automated safety check: PassMIT
TDD WorkflowhellangleZ/burn-in-cceverywhere-ralph11211 repos~2.4kAutomated safety check: PassNone
TDDsanity-io/sanity6.4k20 repos~1kAutomated safety check: PassMIT

Similar skills

  • Web Application Testing

    anthropics/skills

    Official

    Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.

    180k GitHub starsUsed in 51 repos~966 tokens
    Testing & QAAuto-check passed
  • Diagnosing Bugs

    fossasia/eventyay-interpretation

    Diagnosis loop for hard bugs and performance regressions. An agent skill from fossasia/eventyay-interpretation.

    1.6k GitHub starsUsed in 32 repos~2.1k tokens
    Testing & QAAuto-check passed
  • TDD

    pietheinstrengholt/rssmonster

    Test-driven development. An agent skill from pietheinstrengholt/rssmonster.

    564 GitHub starsUsed in 30 repos~906 tokens
    Testing & QAAuto-check passed
  • TDD Workflow

    hellangleZ/burn-in-cceverywhere-ralph

    A skill your agent uses when writing new features, fixing bugs, or refactoring code.

    112 GitHub starsUsed in 11 repos~2.4k tokens
    Testing & QAAuto-check passed
  • TDD

    sanity-io/sanity

    Official

    Test-driven development with red-green-refactor loop. An agent skill from sanity-io/sanity.

    6.4k GitHub starsUsed in 20 repos~1k tokens
    Testing & QAAuto-check passed
  • Context Driven Development

    Ibrahim-3d/orchestrator-supaconductor

    A skill your agent uses when working with Conductor's context-driven development methodology, managing project context artifacts, or understanding the relationship between product.md, tech-stack.md…

    380 GitHub starsUsed in 9 repos~2.9k tokens
    Testing & QAAuto-check passed

More from tddworks/ClaudeBar

  • Add Provider

    tddworks/ClaudeBar

    Add an AI provider to ClaudeBar as a JSON definition run by the one generic Provider and DataSource.

    1.5k GitHub stars~4.1k tokensUpdated today
    Auto-check passed
  • GitHub Actions

    tddworks/ClaudeBar

    Manage ClaudeBar's GitHub Actions CI/CD pipelines: build, test, and release workflows.

    1.5k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Implement Feature

    tddworks/ClaudeBar

    Guide for implementing features in ClaudeBar following architecture-first design, TDD, rich domain models, and Swift 6.2 patterns.

    1.5k GitHub stars~4.1k tokensUpdated today
    Auto-check passed
  • Fix Bug

    tddworks/ClaudeBar

    Guide for fixing bugs in ClaudeBar following Chicago School TDD and rich domain design.

    1.5k GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Improvement

    tddworks/ClaudeBar

    Guide for making improvements to existing ClaudeBar functionality using TDD.

    1.5k GitHub stars~2.1k tokensUpdated today
    Auto-check passed

Categories

Questions about Add Report

What does Add Report do?

Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas. Add Report is an agent skill from tddworks/ClaudeBar. Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas.

When should I use Add Report?

Add Report fits situations like: adding a new report/analytics card (e.g; model breakdown; showing usage history in a new way; reading another tools usage logs.

How do I install Add Report in Claude Code?

Run `npx skills add tddworks/ClaudeBar --skill add-report -a claude-code`. Or copy the skill folder (.claude/skills/add-report in tddworks/ClaudeBar) into .claude/skills/add-report in your project. Claude Code loads it when a task matches its description.

How do I install Add Report in Codex?

Run `npx skills add tddworks/ClaudeBar --skill add-report -a codex`. Or copy the skill folder (.claude/skills/add-report in tddworks/ClaudeBar) into .agents/skills/add-report in your project. Codex loads it when a task matches its description.

Can I use Add Report in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add tddworks/ClaudeBar --skill add-report -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/add-report, .gemini/skills/add-report, .github/skills/add-report and .opencode/skills/add-report in your project.

What does Add Report need to run?

Going by SKILL.md and its folder, Add Report needs the command-line tools its instructions call (xcodebuild and python3). Our summary lists: Python 3.

Does Add Report access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Add Report safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Add Report use?

Add Report is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Add Report use?

About 3.1k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 916 tokens, read only when the agent opens those files.

What are the alternatives to Add Report?

Skills that share tags, products or a category with Add Report: Web Application Testing (anthropics/skills, 180k stars), Diagnosing Bugs (fossasia/eventyay-interpretation, 1.6k stars), TDD (pietheinstrengholt/rssmonster, 564 stars) and TDD Workflow (hellangleZ/burn-in-cceverywhere-ralph, 112 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Add Report?

tddworks (a GitHub organization) maintains it in tddworks/ClaudeBar, which has 1,530 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 8, 2026.

Source: tddworks/ClaudeBar on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.