社区案例Neon M5Stack 使用量仪表盘将简单的 Claude Code 使用量仪表盘转换为适用于嵌入式 M5Stack 风格屏幕的精致霓虹风格 HUD 仪表盘。潮留 · 2026-05-03 · 约 2 分钟社区作者发布的参考画面 · 潮留编辑提示词完整提示词以提供的参考图像作为功能性 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%”。仅使用黑色背景、亮绿色线条、深绿色网格/进度条轮廓以及清晰的像素级渲染；使最终图像看起来像是一个精致的嵌入式设备仪表盘，而不是平面的模型图。复制提示词带入创作工作台恢复默认仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。来源与说明由 潮留 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。此案例需要参考图片，请在创作工作台中上传后再使用。查看原始来源 ↗ · 作者主页使用示例 →把这个思路，变成下一次创作。在 RonasAI 中开始创作 ↗
