Videos Bilder
Anmelden
Neon M5Stack Nutzungsanzeige

Neon M5Stack Nutzungsanzeige

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

Aufrufe140
Likes1
Kommentare0
Shares0
Lesezeichen0
Zitate0
Übersetzt
Verwenden Sie das bereitgestellte Referenzbild als funktionale UI-Basis und gestalten Sie es in eine polierte, neon-grüne Cyberpunk-Terminaloberfläche um, die für ein 320×240-Display im M5Stack-Stil geeignet ist. Behalten Sie die beiden Nutzungsanzeigen und die allgemeine Informationshierarchie bei, ersetzen Sie jedoch das schlichte schwarze Layout durch dünne, leuchtende Vektorlinien, kantig gerahmte Panels, Pixel-/Monospace-Typografie und Sci-Fi-HUD-Dekorationen. Wandeln Sie die beiden Anzeigen in zwei gestapelte, gerahmte Karten um: 1) „SESSION 5H“ mit einem Fadenkreuz-Symbol, einem großen Prozentsatz „{argument name="session percent" default="18%"}“, einem segmentierten horizontalen Fortschrittsbalken und einer Uhr-/Reset-Zeile mit dem Text „{argument name="session reset text" default="RESET IN 2H 40M"}“; 2) „WEEKLY 7D“ mit einem Fadenkreuz-Symbol, einem großen Prozentsatz „{argument name="weekly percent" default="51%"}“, einem segmentierten horizontalen Fortschrittsbalken und einer Uhr-/Reset-Zeile mit dem Text „{argument name="weekly reset text" default="RESET IN 2D 17H"}“. Fügen Sie oben eine zentrierte Kopfzeile mit dem Text „{argument name="header text" default="CLAUDE CODE USAGE"}“ hinzu, mit dekorativen diagonalen Markierungen auf beiden Seiten und einem kleinen Pluszeichen oben rechts. Fügen Sie eine untere Statusleiste mit genau 5 sichtbaren Elementen hinzu: ein grüner Statuspunkt, „RATE_LIM“, „MODE=FAST“, „13:28“ und „CHG 75%“. Verwenden Sie ausschließlich einen schwarzen Hintergrund, leuchtend grüne Striche, dunklere grüne Raster-/Balkenumrisse und ein gestochen scharfes, pixelgenaues Rendering; das Endergebnis soll wie ein raffiniertes Dashboard für eingebettete Geräte aussehen und nicht wie ein flaches Mockup.

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Originalbeitrag In Hitboard öffnen