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

wmux: MCP経由でブラウザ制御を備えたWindows用Electronターミナルマルチプレクサー
Tools

wmux: MCP経由でブラウザ制御を備えたWindows用Electronターミナルマルチプレクサー

wmuxは、Windows 10/11向けのオープンソースElectronターミナルマルチプレクサーで、tmuxスタイルの分割、永続セッション、Claude CodeなどのAIコーディングエージェント向けのChrome DevTools Protocolによるブラウザ制御を提供します。自動的にMCPサーバーとして登録され、エージェントがブラウザと対話しながら複数のセッションを並行して実行できるようにします。

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

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

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

OpenClawRadar
HolyClaude: ブラウザUIとヘッドレスChromiumを備えたClaudeコード用Dockerコンテナ
Tools

HolyClaude: ブラウザUIとヘッドレスChromiumを備えたClaudeコード用Dockerコンテナ

HolyClaudeは、Claude Code CLIをブラウザUI、ヘッドレスChromium、および追加のAIコーディングツールと共にパッケージ化したオープンソースのDockerコンテナです。セットアップはdocker compose upのみで完了し、localhost:3001でアクセスできます。

OpenClawRadar
InsForge:AIコーディングエージェント向けMCP統合セルフホストPostgresバックエンド
Tools

InsForge:AIコーディングエージェント向けMCP統合セルフホストPostgresバックエンド

InsForgeは、Supabaseの代替となるオープンソースのセルフホスト型バックエンドで、MCPを介してClaude Codeに接続し、AIエージェントがスキーマ、ポリシー、サービス状態を確認できるようにします。PostgreSQL 16.4、PostgREST、Denoランタイム、認証、ストレージ、エッジ関数を含みます。

OpenClawRadar