Retro HUD Claude Usage Gauge

Transforms a simple Claude Code usage screen into a neon-green pixel-art cyberpunk HUD suitable for an M5Stack dashboard UI.

제공된 참조 이미지를 UI 및 데이터 소스로 활용하여, M5Stack 스타일 디스플레이에 어울리는 세련된 레트로 퓨처리스틱 모노크롬 그린 터미널 HUD로 재설계하세요. 정보와 값은 그대로 유지하십시오: 제목 {argument name="title text" default="CLAUDE CODE USAGE"}, {argument name="session label" default="SESSION 5H"} 및 {argument name="weekly label" default="WEEKLY 7D"}로 표시된 두 개의 사용량 섹션, 14% 및 50%의 백분율, "RESET IN 4H 9M" 및 "RESET IN 3D 3H" 초기화 메시지, 그리고 "CONNECTED", "MODE=FAST", "03:30", "CHG 100%"의 하단 상태 표시를 포함합니다. 단순한 막대 그래프를 큼직한 픽셀 형태의 세그먼트 게이지로 교체하십시오. 2개의 가로형 게이지 패널을 구성하고, 각 패널은 20개의 직사각형 세그먼트로 나누며, 첫 번째 패널은 2개, 두 번째 패널은 10개의 네온 그린 세그먼트가 채워지도록 합니다. 각진 테두리, 얇은 회로 형태의 선, 코너 브래킷, 점 패턴 텍스처, 작은 화살표/타겟/시계 아이콘, 대각선 위험 경고 줄무늬, 그리고 은은한 CRT/픽셀 그리드 광택이 포함된 디테일한 SF 프레임을 추가하십시오. 검은색 배경에 밝은 네온 그린 색상의 외곽선과 채우기, 그리고 화이트 그린 픽셀 텍스트를 사용하세요. 하단 푸터는 정확히 3개의 모듈로 배치하십시오: 왼쪽에는 녹색 상태 점이 포함된 "CONNECTED", 중앙에는 "MODE=FAST", 오른쪽에는 "03:30  CHG 100%"를 배치합니다. 대시보드의 기능과 데이터는 유지하면서, 참조 이미지보다 더 선명하고 스타일리시하며 완성도 높은 결과물로 제작하십시오.

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

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