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

