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. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample 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.

A practical guide to Retro HUD Claude Usage Gauge

Use Retro HUD Claude Usage Gauge to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.

How to use this image template

01
Open
Use the primary action to load the template settings in PicX Studio.
02
Personalize
Adjust the subject and creative details for your destination.
03
Generate
Create the image, compare the result with the preview, and refine one variable at a time.

More templates to try

A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.

Retro HUD Claude Usage Gauge questions

How do I use the Retro HUD Claude Usage Gauge template?

Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.