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.
This is a gpt-image-2 prompt case for 其他灵感. Use the copy-ready prompt below to generate similar visuals, and review YouMind OpenLab awesome-gpt-image-2 attribution plus commercial-use rights before reuse.
Prompt
Copy-ready prompt
Using the provided reference image as the UI/data source, redesign it into a polished retro-futuristic monochrome green terminal HUD for an M5Stack-style display. Keep the same information and values unchanged: title {argument name="title text" default="CLAUDE CODE USAGE"}, two usage sections labeled {argument name="session label" default="SESSION 5H"} and {argument name="weekly label" default="WEEKLY 7D"}, percentages 14% and 50%, reset messages "RESET IN 4H 9M" and "RESET IN 3D 3H", and footer statuses "CONNECTED", "MODE=FAST", "03:30", "CHG 100%". Replace the plain bars with chunky pixelated segmented gauges: exactly 2 horizontal gauge panels, each with 20 rectangular segments, with the first showing 2 filled neon-green segments and the second showing 10 filled neon-green segments. Add a detailed sci-fi frame with angular borders, thin circuit-like linework, corner brackets, dotted texture, small arrow/target/clock icons, diagonal hazard stripes, and subtle CRT/pixel-grid glow. Use a black background, bright neon green outlines and fills, and white-green pixel text. Arrange the footer as exactly 3 bottom modules: left "CONNECTED" with a green status dot, center "MODE=FAST", and right "03:30 CHG 100%". Make it sharper, more stylish, and more production-ready than the reference while preserving the same dashboard function and data.Prompt variables
Editable argument placeholders found in the prompt, with their default values.
More cases in this category
Prioritized by category, input mode compatibility, quality, and lower risk.
Reuse and source notes
Use this prompt safely after previewing the case.
- 1.Copy the prompt or open it directly in Dovoo with the generation button.
- 2.Adjust variables, aspect ratio, and reference images for your own use case.
- 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.
Can I use this prompt commercially?
Commercial-use status is unknown. Review the original source, license, brand constraints, and legal requirements before paid usage.
Where does this case come from?
This case is imported from YouMind OpenLab awesome-gpt-image-2; keep attribution visible and check the source URL before reuse.