Neon M5Stack Usage Gauge

Transforms a simple Claude Code usage gauge into a polished neon HUD dashboard for an embedded M5Stack-style screen.

제공된 참조 이미지를 기능적 UI 기반으로 삼아, M5Stack 스타일의 320×240 디스플레이에 적합한 세련된 네온 그린 사이버펑크 터미널 인터페이스로 재디자인하세요. 기존의 두 가지 사용량 측정기와 전체적인 정보 계층 구조는 유지하되, 단순한 검은색 레이아웃을 얇은 빛나는 벡터 라인 아트, 각진 프레임 패널, 픽셀/고정폭 서체, 그리고 SF 스타일의 HUD 장식으로 교체하세요. 두 개의 측정기를 2개의 적층형 프레임 카드로 변환하세요: 1) 십자선 아이콘, 큰 백분율 “{argument name="session percent" default="18%"}”, 세그먼트화된 가로 진행률 표시줄, 그리고 “{argument name="session reset text" default="RESET IN 2H 40M"}”이라고 적힌 시계/초기화 행이 포함된 “SESSION 5H”; 2) 십자선 아이콘, 큰 백분율 “{argument name="weekly percent" default="51%"}”, 세그먼트화된 가로 진행률 표시줄, 그리고 “{argument name="weekly reset text" default="RESET IN 2D 17H"}”이라고 적힌 시계/초기화 행이 포함된 “WEEKLY 7D”. 중앙에 “{argument name="header text" default="CLAUDE CODE USAGE"}”라고 적힌 상단 헤더를 추가하고, 양쪽에 장식용 대각선 눈금 표시와 오른쪽 상단에 작은 더플러스 기호를 넣으세요. 하단 상태 표시줄에는 녹색 상태 점, “RATE_LIM”, “MODE=FAST”, “13:28”, “CHG 75%” 등 정확히 5개의 항목이 보이도록 추가하세요. 검은색 배경, 밝은 녹색 선, 더 어두운 녹색 격자/막대 외곽선만을 사용하고, 선명한 픽셀 단위의 렌더링을 적용하세요. 최종 이미지가 평면적인 목업이 아닌, 정교한 임베디드 장치 대시보드처럼 보이도록 제작하세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기