
Retro Claude Code Usage Gauge
Transforms a simple usage meter reference into a neon-green pixel terminal dashboard suitable for an M5Stack-style device UI.
조회140
좋아요1
댓글0
공유0
북마크0
인용0
번역
REFERENCE_0 을 기능적 레이아웃 및 데이터 소스로 사용하여, M5Stack 스타일의 저해상도 디스플레이에 어울리는 세련된 단색 네온 그린 레트로 터미널 UI로 재설계하세요. 2개의 사용량 패널(SESSION 5H 및 WEEKLY 7D)이 포함된 Claude Code 사용량 게이지라는 동일한 개념을 유지하십시오. 일반적인 진행률 표시줄을 각각 24개의 직사각형 블록으로 구성된 세그먼트 픽셀 바 형태로 변환하고, 대략적인 사용량 값은 유지하되 표시되는 숫자를 {argument name="session percentage" default="18%"} 및 {argument name="weekly percentage" default="51%"}로 업데이트하세요. 각 패널 주변에 얇고 빛나는 녹색 테두리를 추가하고, 픽셀/비트맵 타이포그래피를 적용하며, 패널 제목 옆에는 작은 타겟/조준선 아이콘을, 리셋 라인 옆에는 시계 아이콘을 배치하세요. 단순한 제목을 {argument name="headline text" default="CLAUDE CODE USAGE"}라고 적힌 장식용 헤더로 교체하고, 양옆에 터미널 스타일의 슬래시와 라인 장식을 추가하세요. 하단에는 깃발/터미널 외곽선 아이콘, 녹색 연결 점, {argument name="connection label" default="CONNECTED"}, MODE=FAST, {argument name="time" default="12:52"}, 그리고 작은 배터리/충전 아이콘이 포함된 CHG 75%가 표시된 레트로 상태 행을 추가하세요. 검은색 배경, 밝은 CRT 녹색 라인, 선명한 픽셀 아트 스타일을 사용하여 결과물이 평면적인 차트가 아닌 세련된 임베디드 기기 대시보드처럼 보이도록 만드세요.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.











