Token Slayer - Claude·Codex·Cursor 사용량을 용사 HP로 보여주는 위젯

URL: https://token-slayer.vercel.app

스크린샷: 아래 첨부

(1) 자기소개

안녕하세요. 원래는 경영학을 공부하던 학생이었는데, 2020년에 노마드코더의 HTML, CSS 강의로 처음 개발에 입문했어요. 코드로 직접 화면을 만들고 움직이는 재미에 빠져서, 노마드코더 덕분에 지금은 프론트엔드 개발자로 일하고 있어요.

(2) 서비스 소개

Claude · Codex · Cursor의 남은 사용량을 도트 용사 HP로 보여주는 데스크톱 위젯이에요.

AI 에이전트가 일하면 용사가 날아오는 코드를 베고, 쉬면 모닥불 앞에 앉아요. 사용량이 1% 줄 때마다 한 대씩 맞고, 0%가 되면 쓰러지고, 리셋되면 포션으로 부활해요.

레벨 · 업적 64개, 한도 바닥 예측, 주간 기록 카드, 꾸미기 팩도 있어요. 맥 · 윈도우 무료, 자동 업데이트.

(3) 시작하게 된 계기

한도가 얼마나 남았는지 보려고 설정을 열기 귀찮았어요. 화면 구석에 늘 떠 있고, 한눈에 보이고, 보는 재미까지 있는 걸 만들어 보고 싶었어요. 한도는 리셋 전에 쓰는 게 이득이라, 아껴 쓰라는 앱이 아니라 쓸수록 레벨이 오르는 앱으로 만들었어요.

(4) 개발

Electron + 순수 JS(Canvas 도트 렌더링)로 만들었어요. 사용량은 각 서비스에 이미 로그인된 정보로만 읽고(Codex는 로컬 기록 파일), 따로 서버가 없고 아무것도 수집하지 않아요. 2026-09-29에 시작해서 v0.24.0까지 냈어요.

(5) 바라는 것

• 써 보시고 어색한 점, 버그, 있었으면 하는 용사 · 배경 아이디어를 알려 주세요.

  
  

  사용량을 읽는 방식이 비공식 경로라 서비스 쪽이 바뀌면 깨질 수 있어요. 안 되는 서비스가 있으면 알려 주세요.