提示词库 · 界面稿 · 界面稿 GPT Image 2 提示词:Neon M5Stack Usage Gauge
界面稿 GPT Image 2 提示词:Neon M5Stack Usage Gauge
界面稿 故事叙事

界面稿 GPT Image 2 提示词:Neon M5Stack Usage Gauge

Transforms a simple Claude Code usage gauge into a polished neon HUD dashboard for an embedded M5Stack-style screen.
场景
界面稿 / 故事叙事
模型
GPT Image 2
语言
English

📝 提示词

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.

🎯 适合场景

适合生成网页、App 或仪表盘界面稿:先保留模块结构,再替换成你的业务文案和品牌视觉。

💡 改写建议

  • 先替换变量里的品类、人物、城市、品牌色,不急着改整段结构。 把主体、构图和风格分开写,后续微调会更稳。
← 返回列表