Neon M5Stack 使用量仪表盘
将简单的 Claude Code 使用量仪表盘转换为适用于嵌入式 M5Stack 风格屏幕的精致霓虹风格 HUD 仪表盘。
gpt-image-2 · App / 网页设计 · 图表 · 文本 / 排版 · 极简主义 · 赛博朋克 / 科幻
中文提示词
以提供的参考图像作为功能性 UI 基础，将其重新设计为适用于 M5Stack 风格 320×240 显示屏的精致霓虹绿赛博朋克终端界面。保留相同的两个使用量仪表和整体信息层级，但将纯黑色布局替换为纤细的发光矢量线条艺术、棱角分明的边框面板、像素/等宽字体以及科幻 HUD 装饰。将两个仪表转换为 2 个堆叠的边框卡片：1) “SESSION 5H”，包含准星图标、大号百分比 “{argument name="session percent" default="18%"}”、分段式水平进度条以及显示 “{argument name="session reset text" default="RESET IN 2H 40M"}” 的时钟/重置行；2) “WEEKLY 7D”，包含准星图标、大号百分比 “{argument name="weekly percent" default="51%"}”、分段式水平进度条以及显示 “{argument name="weekly reset text" default="RESET IN 2D 17H"}” 的时钟/重置行。添加一个顶部标题，居中显示 “{argument name="header text" default="CLAUDE CODE USAGE"}”，两侧带有装饰性对角刻度标记，右上角有一个小加号。添加一个底部状态栏，包含 5 个可见项目：一个绿色状态点、“RATE_LIM”、“MODE=FAST”、“13:28” 和 “CHG 75%”。仅使用黑色背景、亮绿色线条、深绿色网格/进度条轮廓以及清晰的像素级渲染；使最终图像看起来像是一个精致的嵌入式设备仪表盘，而不是平面的模型图。
原始提示词
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.