Retro-HUD Claude-Nutzungsanzeige

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

Gestalten Sie das bereitgestellte Referenzbild als UI/Datenquelle in ein poliertes, retro-futuristisches, einfarbig grünes Terminal-HUD für ein Display im M5Stack-Stil um. Behalten Sie alle Informationen und Werte unverändert bei: Titel {argument name="title text" default="CLAUDE CODE USAGE"}, zwei Nutzungsbereiche mit den Bezeichnungen {argument name="session label" default="SESSION 5H"} und {argument name="weekly label" default="WEEKLY 7D"}, die Prozentwerte 14 % und 50 %, die Reset-Meldungen "RESET IN 4H 9M" und "RESET IN 3D 3H" sowie die Fußzeilen-Statusanzeigen "CONNECTED", "MODE=FAST", "03:30", "CHG 100%". Ersetzen Sie die einfachen Balken durch grobe, pixelige Segmentanzeigen: genau 2 horizontale Anzeige-Panels mit jeweils 20 rechteckigen Segmenten, wobei das erste 2 gefüllte neon-grüne Segmente und das zweite 10 gefüllte neon-grüne Segmente anzeigt. Fügen Sie einen detaillierten Sci-Fi-Rahmen mit eckigen Rändern, dünnen schaltkreisartigen Linien, Eckklammern, gepunkteter Textur, kleinen Pfeil-/Ziel-/Uhr-Symbolen, diagonalen Warnstreifen und einem subtilen CRT-/Pixelraster-Leuchten hinzu. Verwenden Sie einen schwarzen Hintergrund, leuchtend neon-grüne Umrisse und Füllungen sowie weiß-grünen Pixeltext. Ordnen Sie die Fußzeile in genau 3 untere Module an: links "CONNECTED" mit einem grünen Statuspunkt, mittig "MODE=FAST" und rechts "03:30  CHG 100%". Gestalten Sie das Design schärfer, stilvoller und produktionsreifer als die Vorlage, während die Dashboard-Funktion und die Daten identisch bleiben.

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen