Claude Usage Bar Colorizer Browser Extension Built with Claude Code
A developer has created a browser extension called Claude Usage Bar Colorizer that provides visual indicators for Claude usage limits. The extension was built using Claude Code to assist with development.
What the Extension Does
- Recolors the usage bars from green to yellow to red based on the current percentage
- Adds a popup with live usage data
- Allows users to tweak thresholds and colors
- Lets users toggle individual bars on or off
Implementation Details
- Only runs on
https://claude.ai/settings/usage - No analytics collection
- No external network requests
- Only reads the usage percentages already visible on the page
- Settings are stored locally in browser sync storage
Claude Code's Role
The developer used Claude Code to help with:
- The content script logic for reading and recoloring the bars
- The popup UI and settings flow
- Narrowing permissions so the extension only runs on the usage page
- Cleaning up the project for release and store submission
Development Insights
The developer noted learning about keeping browser extension permissions tight and making the popup update cleanly without breaking user toggles.
Availability
- GitHub repository: https://github.com/mihneaptu/claude-usage-bar-colors
- Latest release: v1.0.1 at https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
- Microsoft Edge Add-ons submission is currently in review
- The extension can be tried by loading it unpacked in Edge or another Chromium browser
📖 Read the full source: r/ClaudeAI
👀 See Also
Persistent Side Panel for Claude Code with Autonomous Content Management
A developer built a TUI panel that sits in an iTerm2 split pane next to the terminal, featuring three fixed panels that Claude autonomously manages to show relevant content like code, diagrams, and status updates.
OpenYak: Open-Source Desktop AI Agent for Local File Management and Automation
OpenYak is an open-source desktop AI assistant that runs entirely on your machine, offering file management, data analysis, and office automation with 100+ AI models through OpenRouter and 20+ BYOK providers.
RouteLLM Setup for Cost-Effective AI Task Routing
A Reddit user shares a Docker Compose configuration that combines Ollama's local Qwen3.5:4b model with GitHub Copilot via OpenWire, using RouteLLM to route complex tasks to GPT-4o while handling simpler tasks locally.
Hardware widget and Chrome extension monitor Claude API rate limits
A developer built a hardware widget using ESP8266 and OLED display that tracks Claude's rate limits in real time, plus a Chrome extension that intercepts Claude's internal /usage API and shows usage patterns. The total BOM cost is approximately $6.50.