Neon M5Stack verbruiksmeter

Gebruik de meegeleverde referentieafbeelding als functionele UI-basis en herontwerp deze tot een gepolijste neon-groene cyberpunk-terminalinterface die geschikt is voor een M5Stack-achtig 320×240-scherm. Behoud dezelfde twee gebruiksmeters en de algemene informatiehiërarchie, maar vervang de effen zwarte lay-out door dunne, gloeiende vectorlijnen, hoekige kaders, pixel-/monospace-typografie en sci-fi HUD-decoraties. Converteer de twee meters naar 2 gestapelde kaarten met kaders: 1) "SESSIE 5 UUR" met een kruisje, een groot percentage "{argument name="sessiepercentage" default="18%"}", een horizontale voortgangsbalk met segmenten en een klok-/resetregel met de tekst "{argument name="sessie resettekst" default="RESET IN 2 UUR 40 MINUTEN"}"; 2) “WEEKLY 7D” met een kruisje, een groot percentage “{argument name="weekly percent" default="51%"}”, een horizontale voortgangsbalk met segmenten en een klok-/resetregel met de tekst “{argument name="weekly reset text" default="RESET IN 2D 17H"}”. Voeg een gecentreerde koptekst bovenaan toe met de tekst “{argument name="header text" default="CLAUDE CODE USAGE"}”, met decoratieve diagonale streepjes aan beide zijden en een klein plusteken rechtsboven. Voeg een statusbalk onderaan toe met precies 5 zichtbare items: een groene statusstip, “RATE_LIM”, “MODE=FAST”, “13:28” en “CHG 75%”. Gebruik alleen een zwarte achtergrond, heldergroene lijnen, donkergroene raster-/balkcontouren en een scherpe, pixelperfecte weergave; zorg ervoor dat de uiteindelijke afbeelding eruitziet als een verfijnd dashboard voor een embedded apparaat in plaats van een platte mockup.