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
Codegraph: Pre-indexed knowledge graph cuts Claude/Cursor tool calls by 94%
Codegraph uses a pre-indexed knowledge graph of symbol relationships, call graphs, and code structure to reduce API tool calls by up to 94% and speed up usage by ~77% for Claude, Cursor, Codex, and OpenCode agents.
Open-source tool enables Claude to control Unreal Engine directly
soft-ue-cli is a Python tool with a C++ plugin that allows Claude Code and Claude Desktop to execute commands in Unreal Engine without editor interaction, featuring 60+ operations including blueprint editing, actor spawning, and performance profiling.
cc+ Desktop App for Claude Code: Multi-Session Management and Fleet Orchestration
cc+ is an open-source desktop application for Claude Code built on the Claude Agent SDK, available for macOS and Linux. It provides multi-session tabs, live activity tree visualization, security scoring, workflow enforcement, and fleet orchestration capabilities.
Kvaser: An Open-Source Local-First AI Orchestrator with Sub-Agent Routing and Wolfram Integration
Kvaser is a Man-in-the-Middle MCP proxy that orchestrates sub-agents with smart tool whitelisting, zero-embedding RAG via Kiwix, and Wolfram Engine integration for symbolic math. Built with Qwen 3.6 35B and sub-agent routing to different models/machines.