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

✍️ OpenClawRadar📅 公開日: April 15, 2026🔗 Source
Claude使用状況バーカラーライザーブラウザ拡張機能(Claude Codeで構築)
Ad

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

拡張機能の機能

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

実装の詳細

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

Claude Codeの役割

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

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

開発の気づき

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

Ad

入手方法

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

srclight: Ollama埋め込みによる完全ローカルコードインデックス化MCPサーバー
Tools

srclight: Ollama埋め込みによる完全ローカルコードインデックス化MCPサーバー

srclightは、APIキーやクラウド呼び出しを必要とせず、100%ローカルで動作するディープコードインデックス化のためのMCPサーバーです。11言語に対応したtree-sitter ASTパーシング、キーワード検索のためのSQLite FTS5、埋め込み生成のためのOllama、そしてcupyによるGPUアクセラレーションを活用したコサイン類似度計算を採用しています。

OpenClawRadar
vLLM内部解析:高吞吐量LLM推理系统的解剖
Tools

vLLM内部解析:高吞吐量LLM推理系统的解剖

Aleksa GordićがvLLMの中核コンポーネント(エンジン、KVキャッシュマネージャ、ページドアテンション、連続バッチ処理)を解説します。また、チャンク化プリフィルや分離型P/Dなどの高度な機能もカバーしています。

OpenClawRadar
Audacity MCPサーバーがClaude AIに完全な音声編集制御を提供
Tools

Audacity MCPサーバーがClaude AIに完全な音声編集制御を提供

開発者が、Claude AIをAudacityに接続するMCPサーバーを作成し、自然言語による音声編集コマンド用に99のツールを提供しています。このオープンソースツールは、Claude Desktop、Claude Code、またはCursorで動作します。

OpenClawRadar
クローページ:OpenClawの会話を静的ウェブサイトに変換するツール
Tools

クローページ:OpenClawの会話を静的ウェブサイトに変換するツール

開発者がClawpageというスキルを作成しました。これはOpenClawのセッション履歴を静的ウェブページに変換し、貴重な会話、やり取り、調査、デバッグプロセスを保存するものです。このツールはGitHubで利用可能です。

OpenClawRadar