MohamedEmbarak/token-face/tree/main/plugins/token-face
token-face
プロンプトの上に顔を表示する Claude Code mod。context window が埋まるほど、顔が不気味になります。
この mod について
token-face
プロンプトの上に顔を表示する Claude Code mod。context window が埋まるほど、顔が不気味になります。
(•_•) Crowded 61% · 610.1k / 1M ▁ ▂ ▃ ▄ ▅ ▲ +6.4k last turn
表示内容
-
context window の埋まり具合を表す顔とキャプション:
| 使用済み context | キャプション | 画像 | |---|---|---| | under 25% | Fresh | <img src="faces/1.png" width="64" alt="Stage 1 picture"> | | 25–39% | Fine | <img src="faces/1.png" width="64" alt="Stage 1 picture"> | | 40–64% | Crowded | <img src="faces/2.png" width="64" alt="Stage 2 picture"> | | 65–89% | Too much | <img src="faces/3.png" width="64" alt="Stage 3 picture"> | | 90% and up | COMPACT. NOW. | <img src="faces/4.png" width="64" alt="Stage 4 picture"> |
-
使用率と使用した token。たとえば
134.4k / 200k。 -
直近 12 回のチャート。各バーは、その回が属していた段階の色です。
-
直前の回で増えた量、または圧縮で削除された量。
各回の後、圧縮の直後に更新されます。
デスクトップアプリでは画像を表示します。ターミナルでは (•_•) のような文字の顔になります。
インストール
/plugin marketplace add MohamedEmbarak/token-face
/plugin install token-face@token-face
この mod は Claude Code の function hooks 上に構築されています。インストール後にプロンプトの上に何も表示されない場合は、env ブロックに次を追加して Claude Code を再起動します。
"CLAUDE_CODE_ENABLE_FUNCTION_HOOKS": "1"
自分の画像を使う
mod にはプラグインの faces/ フォルダーに、段階ごとに 4 枚の画像が含まれています。自分の画像を使うには置き換えてください。
| ファイル | context がこの状態のときに表示 |
|---|---|
| 1.png | under 40% |
| 2.png | 40–64% |
| 3.png | 65–89% |
| 4.png | 90% and up |
png、jpg、jpeg、gif、webp の各画像は約 85 KB 未満にします(128×128 で十分です)。画像がない段階では描画された顔が残ります。自分で作成した画像、または使用権のある画像だけを使ってください。
開発
このフォルダーから実行します。
claude plugin validate .
claude plugin test .
ライセンス
MIT
インストール
まず作者の README で marketplace とプラグイン名を確認してください。コマンドはリポジトリの構成によって変わる場合があります。
claude plugin marketplace add MohamedEmbarak/token-face claude plugin install token-face
原文 / README
token-face
A Claude Code mod that puts a face above the prompt. The fuller your context window gets, the worse the face looks.
(•_•) Crowded 61% · 610.1k / 1M ▁ ▂ ▃ ▄ ▅ ▲ +6.4k last turn
What it shows
-
A face and a caption for how full the context window is:
| Context used | Caption | Picture | |---|---|---| | under 25% | Fresh | <img src="faces/1.png" width="64" alt="Stage 1 picture"> | | 25–39% | Fine | <img src="faces/1.png" width="64" alt="Stage 1 picture"> | | 40–64% | Crowded | <img src="faces/2.png" width="64" alt="Stage 2 picture"> | | 65–89% | Too much | <img src="faces/3.png" width="64" alt="Stage 3 picture"> | | 90% and up | COMPACT. NOW. | <img src="faces/4.png" width="64" alt="Stage 4 picture"> |
-
The percentage and tokens used, like
134.4k / 200k. -
A chart of the last 12 turns, each bar in the colour of the stage that turn was in.
-
How much the last turn added, or how much a compaction removed.
It updates after every turn, and straight after a compaction.
In the desktop app the face is a picture. In a terminal it is a text face
such as (•_•).
Install
/plugin marketplace add MohamedEmbarak/token-face
/plugin install token-face@token-face
The mod is built on Claude Code's function hooks. If nothing shows above the
prompt after installing, add this to the env block of
~/.claude/settings.json and restart Claude Code:
"CLAUDE_CODE_ENABLE_FUNCTION_HOOKS": "1"
Use your own pictures
The mod ships with four pictures, one per stage, in the plugin's faces/
folder. To use your own, replace them:
| File | Shown when context is |
|---|---|
| 1.png | under 40% |
| 2.png | 40–64% |
| 3.png | 65–89% |
| 4.png | 90% and up |
png, jpg, jpeg, gif or webp, each under about 85 KB (128×128 is plenty). A stage without a picture keeps its drawn face. Only use pictures you made or have the right to use.
Develop
From this folder:
claude plugin validate .
claude plugin test .
Licence
MIT

