Claude Code로 태운 토큰 사용량을 상장 이미지로 만들어 자랑할 수 있어요. 미리보기는 로그인 없이 만들고, 저장·공유는 로그인 후 이용해요. 사용량 숫자는 당신 컴퓨터 밖으로 나가지 않습니다.
먼저 알아두세요 — 가입하자마자 바로는 못 만들어요.
상장의 재료는 토큰 사용 실적입니다. 그래서 토큰 미터가 설치돼 있고(1단계) Claude Code를 한 번 이상 실제로 써야(2단계) 상장에 넣을 데이터가 생깁니다. 순서대로 하면 5분이면 됩니다.
준비물 — 없습니다. 미터는 로딩케시 광고 클라이언트를 설치하면 함께 설치되고
(Node로 동작 — Claude Code가 이미 node를 쓰므로 따로 설치할 게 없어요), Stop 훅도 자동 등록됩니다.
광고 클라이언트를 아직 안 깔았다면 사용자 사용법의 설치 한 줄을 먼저 실행하세요.
미터는 Claude Code가 쓴 토큰을 세어 ~/.loadingpay/tokens.json에 기록하는 작은 프로그램이에요.
로딩케시 광고 클라이언트를 설치하면 함께 설치되고 Stop 훅도 자동 등록됩니다 — 따로 할 일이 없어요. 이 훅은 미터 갱신과 함께 카드 요약을 내 계정에 자동 동기화해서, 표창장 페이지가 로그인만으로 채워집니다.
(미터는 Node로 동작합니다. Claude Code가 이미 node를 쓰므로 새로 설치할 게 없습니다.)
아직 광고 클라이언트를 안 깔았다면 사용자 사용법 §2의 설치 명령 한 줄을 먼저 실행하세요.
설치하면 상태줄에도 ◉ 주 … · $… 세그먼트가 자동으로 붙습니다(미터가 만든 tokens.json을 읽어서).
되돌리기: 표준 설치 폴더의 uninstall.js가 statusLine·Stop 훅을 함께 정리합니다. 데이터 삭제는 ~/.loadingpay/ 폴더 삭제.
스크린샷 자리 · img/card-1-install.png
광고 클라이언트 설치 = 미터·Stop 훅 자동 등록
2 데이터 만들기 — Claude Code를 한 번 써보기
연결만 해서는 아직 빈 상태예요. Claude Code로 아무 작업이나 한 번 하고 응답이 끝나면, 그 순간 미터가 ~/.loadingpay/tokens.json을 만듭니다.
아직 데이터가 없으면 3단계에서 이런 안내가 나옵니다 — 오류가 아니라 "다음에 할 일" 안내예요:
· tokens.json이 없습니다 … Claude Code를 한 번 쓰고 나면 만들어 줍니다.
· 또는 아직 집계된 사용량이 없습니다.
이미 로딩케시로 코딩하며 적립 중이었다면, 이 파일은 벌써 만들어져 있을 가능성이 큽니다 — 바로 3단계로 가세요.
3 상장 열기 (세 가지 방법)
방법 0 — 아무것도 안 하기 (제일 쉬움: 클라이언트 설치 + 로그인)
1단계처럼 클라이언트를 설치했다면 응답이 끝날 때마다 카드 요약이 내 계정에 자동 저장됩니다. 표창장 페이지를 열고 로그인만 하면 자동으로 채워져요 — 명령도, 파일 찾기도 필요 없습니다. (자동 저장을 끄려면 node lp-sync.js --off — 6단계 참고)
방법 A — 명령 한 줄
설치 폴더에서 아래를 실행하면 브라우저가 열리며 내 사용량이 이미 채워진 상태로 뜹니다.
node lp-card.js
node lp-card.js --show — 무엇이 공유되는지 글자로 먼저 확인(브라우저 안 열림)
node lp-card.js --print — 열지 않고 주소만 출력
방법 B — 파일 올리기 (명령이 어렵다면)
브라우저로 표창장 페이지를 열고, ~/.loadingpay/tokens.json 파일을 끌어다 놓거나 클릭해서 올리면 됩니다. 파일은 브라우저가 직접 읽고 서버로 전송되지 않습니다.
파일을 올리기 전에는 [PNG로 저장]·[SNS로 공유] 버튼이 비활성 상태이고, 상장 본문에는 "tokens.json을 올리면 본문이 채워집니다" 안내가 보입니다.
파일 없이 쓰는 길 두 가지 — ① 클라이언트를 설치했다면 이미 자동입니다(방법 0 — 버튼도 필요 없어요). ② 설치 없이 파일만 올려 쓴다면, 로그인 후 [내 계정에 저장]을 한 번 누르세요 — 다음부터는 로그인만 하면 채워집니다(옵트인). 두 경우 모두 저장되는 건 카드 요약뿐입니다(코드·프롬프트 없음).
스크린샷 자리 · img/card-3-open.png
표창장 페이지 — 파일 올리기 또는 lp-card.js로 자동 진입
4 꾸미기
왼쪽 패널에서 고르면 상장이 실시간으로 바뀝니다.
기간 — 오늘 · 이번 주 · 이번 달 · 누적 중 선택
집계 대상 — 전체 · Claude · Codex (데이터가 있을 때만 나뉘어 보임)
구독 플랜 — "구독료의 몇 배를 뽑았나"(배수)를 계산하는 기준. 프리셋을 고르거나 월 구독료를 직접 입력
상 이름·수상자 — 상 이름(예: 표창장)과 받는 사람 이름을 직접 입력합니다(파일에서 자동으로 채워지지 않아요). 상 이름은 12자까지 — 길어지면 글자 크기가 자동으로 줄어 카드 폭에 맞습니다
배수 문구가 안 보일 때가 있어요 — 정상입니다. 이번 기간 환산 지출이 구독료보다 적으면(배수 1배 미만) 과장하지 않으려고 배수 문장을 통째로 뺍니다. '누적' 기간도 배수 문장 없이 토큰 수만 표시합니다.
5 저장·공유
PNG로 저장 — 상장을 이미지 파일로 내려받습니다. 이미지는 브라우저 안에서 만들어져 서버를 거치지 않습니다.
SNS로 공유 — 완성된 이미지를 공유합니다(사용량 숫자가 아니라 그림만).
휴대폰: 공유 시트가 떠서 카카오톡·인스타그램·X 등으로 바로 보낼 수 있어요.
공유 시트를 지원하지 않는 PC 브라우저: 이미지를 클립보드에 복사해 드립니다 → SNS 글쓰기 창에 붙여넣기(Ctrl+V).
그마저 안 되면 PNG로 저장한 뒤 직접 올리면 됩니다.
스크린샷 자리 · img/card-5-share.png
완성된 표창장 + [PNG로 저장] · [SNS로 공유]
6 개인정보 — 무엇이 나가고, 무엇이 안 나가나
들어 있는 것: 토큰 수 · 응답 수 · 환산 비용 · 모델별 토큰 · 프로바이더(Claude/Codex) 구분 · 시각 같은 사용량 수치뿐입니다.
들어 있지 않은 것: 코드 · 프롬프트 · 대화 내용 · 파일 경로 · 프로젝트 이름 · 이메일 · 계정 정보.
카드 열기(방법 A·B)는 어디로도 보내지 않습니다: node lp-card.js로 열면 데이터는 주소의 # 뒤에 실립니다. 웹 표준상 # 뒤는 서버 요청에 포함되지 않아 서버가 볼 수 없고 접속 로그에도 남지 않아요. 파일을 올린 경우도 브라우저가 직접 읽습니다.
자동 동기화(방법 0)는 계정에 저장합니다: 클라이언트를 설치한 경우에만, 설치된 프로그램(lp-sync.js)이 위 "들어 있는 것" 요약을 내 계정에 저장해요 — 카드 자동 채움 용도이며 광고·적립·정산과 무관합니다. 나가는 내용 확인: node lp-sync.js --show · 끄기: node lp-sync.js --off(미터·카드는 그대로 동작).
이름은 당신이 칩니다: 수상자 칸은 비어 있고 파일에서 채워지지 않습니다.
공유 전에 node lp-card.js --show로 "이게 전부"인 내용을 직접 확인할 수 있습니다. 자세한 고지는 표창장 카드 개인정보 고지를 보세요.
7 자주 묻는 질문
Q. "데이터가 없습니다"라고 나와요. — 미터 설치 후 Claude Code를 한 번 써야 tokens.json이 생깁니다(1·2단계).