Neon M5Stack Usage Gauge

Transforms a simple Claude Code usage gauge into a polished neon HUD dashboard for an embedded M5Stack-style screen. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

Using the provided reference image as the functional UI base, redesign it into a polished neon-green cyberpunk terminal interface suitable for an M5Stack-style 320×240 display. Keep the same two usage meters and overall information hierarchy, but replace the plain black layout with thin glowing vector line art, angular framed panels, pixel/monospace typography, and sci-fi HUD decorations. Convert the two meters into 2 stacked framed cards: 1) “SESSION 5H” with a crosshair icon, large percentage “{argument name="session percent" default="18%"}”, a segmented horizontal progress bar, and a clock/reset row reading “{argument name="session reset text" default="RESET IN 2H 40M"}”; 2) “WEEKLY 7D” with a crosshair icon, large percentage “{argument name="weekly percent" default="51%"}”, a segmented horizontal progress bar, and a clock/reset row reading “{argument name="weekly reset text" default="RESET IN 2D 17H"}”. Add a top header reading “{argument name="header text" default="CLAUDE CODE USAGE"}” centered, with decorative diagonal tick marks on both sides and a small plus sign at the top right. Add a bottom status bar with exactly 5 visible items: a green status dot, “RATE_LIM”, “MODE=FAST”, “13:28”, and “CHG 75%”. Use only black background, bright green strokes, darker green grid/bar outlines, and crisp pixel-perfect rendering; make the final image look like a refined embedded-device dashboard rather than a flat mockup.

A practical guide to Neon M5Stack Usage Gauge

Use Neon M5Stack 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.

Neon M5Stack Usage Gauge questions

How do I use the Neon M5Stack 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.