Claude Usage Overlay

Displays Claude.ai session and weekly usage stats as a floating overlay while you chat.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
tac-tac-go
1日のインストール数
3
累計インストール数
7
評価
0 0 0
バージョン
1.0.0
作成日
2026/04/04
更新日
2026/04/04
大きさ
3.23KB
ライセンス
MIT
対象サイト

# Claude Usage Overlay

A Tampermonkey userscript that displays your Claude.ai usage stats as a floating overlay while you chat.

## Features

- Shows current session usage (%) and reset time
- Shows weekly usage (%) and reset time
- Auto-refreshes every 5 minutes
- Click the overlay to manually refresh

## How It Works

Since `claude.ai` is a React SPA, usage data is not available in the raw HTML from `fetch()`. Instead, this script loads `/settings/usage` in a hidden iframe and waits for React to finish rendering, then reads the `aria-valuenow` attributes from the progress bar elements.

No extra API calls or tokens are consumed — it's equivalent to opening the settings page in a browser tab.

## Installation

1. Install [Tampermonkey](https://www.tampermonkey.net/)
2. Click **Install** on the Greasy Fork page
3. Open any `claude.ai/chat/*` page — the overlay appears in the bottom-right corner

## Author

tac-tac-go

## License

MIT