Real-time Claude API usage monitoring directly in your browser. No configuration needed - just install and log in.
- 🔐 Auto-Authentication: Seamlessly reads your Claude session (no manual credential entry)
- 📊 Real-time Usage Display: 5-hour and 7-day rate limit windows with visual progress bars
- ⚡ Smart Refresh: Automatic polling (configurable 10-300 sec) + manual refresh button
- 🎯 Usage Guidance: Get feedback on your usage pace ("Use more", "On pace", "Slow down")
- 🔔 Badge Alerts: Extension icon badge shows "!" when rate limit is reached
- 🎨 Compact Design: Lightweight floating window that doesn't clutter your screen
- 🛡️ Privacy First: No data collection, no third-party services, all cached locally
npm install
npm run build- Open
chrome://extensions/(oredge://extensions/) - Enable "Developer mode"
- Click "Load unpacked"
- Select the
dist/directory from this repo
-
Background Service Worker (
src/background/)serviceWorker.ts: Main event handler, alarms, state managementauth.ts: Cookie extraction and organization selectionusageFetcher.ts: Anthropic API integration (ported from Electron version)
-
Popup (
src/popup/)- React UI with usage visualization
- Settings panel for poll interval configuration
- Refresh button for manual polling
-
Shared (
src/shared/)- Type definitions
- Message contracts between popup and service worker
Visit the extension popup and click the settings icon to configure:
- Poll Interval: How often to check usage (10-300 seconds, default 30)
# Watch both service worker and popup
npm run dev:sw &
npm run dev:popup &Then reload the extension in chrome://extensions/ after changes.
- Not Logged In: Shows prompt to visit claude.ai and log in
- Network Error: Displays error message, retries on next poll
- Invalid Org: Automatically picks the best organization (claude_pro → chat → first)
MIT