Claude使用状況バーカラーライザーブラウザ拡張機能（Claude Codeで構築）

開発者が「Claude Usage Bar Colorizer」というブラウザ拡張機能を作成し、クロードの使用制限を視覚的に表示できるようにしました。この拡張機能の開発には、Claude Codeが開発支援として活用されました。

拡張機能の機能

• 現在のパーセンテージに基づいて使用状況バーを緑から黄色、赤へと色分け
• リアルタイムの使用状況データを表示するポップアップを追加
• ユーザーが閾値と色を調整可能
• 個々のバーの表示/非表示を切り替え可能

実装の詳細

• https://claude.ai/settings/usageでのみ動作
• 分析データの収集なし
• 外部へのネットワークリクエストなし
• ページ上に表示されている使用率パーセンテージのみを読み取り
• 設定はブラウザの同期ストレージにローカル保存

Claude Codeの役割

開発者はClaude Codeを以下の点で活用しました：

• バーの読み取りと色分けを行うコンテンツスクリプトのロジック
• ポップアップUIと設定フロー
• 拡張機能の動作を使用状況ページのみに限定するための権限制限
• リリースとストア提出に向けたプロジェクトの整理

開発の気づき

開発者は、ブラウザ拡張機能の権限を最小限に保つことや、ユーザーの切り替え設定を壊さずにポップアップを適切に更新する方法について学んだと述べています。

入手方法

• GitHubリポジトリ: https://github.com/mihneaptu/claude-usage-bar-colors
• 最新リリース: v1.0.1 https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
• Microsoft Edgeアドオンの提出は現在審査中
• 拡張機能は、Edgeやその他のChromiumブラウザでアンパック読み込みすることで試用可能