霓虹 M5Stack 使用量

Transforms a simple Claude Code usage gauge into a polished neon HUD dashboard for an embedded M5Stack-style screen.

使用提供的参考图片作为功能 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%”。仅使用黑色背景、明亮绿色笔触、较深绿色网格/条轮廓和清晰像素完美渲染；使最终图片看起来像精致的嵌入式设备仪表板，而不是平面模型。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开