Retro HUD Claude Usage Gauge

Transforms a simple Claude Code usage screen into a neon-green pixel-art cyberpunk HUD suitable for an M5Stack dashboard UI.

提供された参照画像を UI/データソースとして使用し、M5Stack スタイルのディスプレイ用の磨かれたレトロ未来派モノクロームグリーンターミナル HUD に再設計してください。同じ情報と値を変更せずに保持：タイトル {argument name="title text" default="CLAUDE CODE USAGE"}、2 つの使用セクション {argument name="session label" default="SESSION 5H"} と {argument name="weekly label" default="WEEKLY 7D"} でラベル付け、パーセンテージ 14% と 50%、リセットメッセージ "RESET IN 4H 9M" と "RESET IN 3D 3H"、フッターステータス "CONNECTED"、"MODE=FAST"、"03:30"、"CHG 100%"。プレーンバーを chunky ピクセレートセグメントゲージに置き換え：exactly 2 つの水平ゲージパネル、各 20 の長方形セグメント付き、最初のものは 2 つ-filled ネオングリーンセグメントを表示、2 つ目のものは 10 つ-filled ネオングリーンセグメントを表示。角のあるボーダー、薄い回路のようなラインワーク、角のブラケット、ドットテクスチャ、小さな矢印/ターゲット/時計アイコン、対角ハザードストライプ、微妙な CRT/ピクセルグリッドグローを含む詳細な SF フレームを追加。黒い背景、明るいネオングリーンのアウトラインとフィル、白と緑のピクセルテキストを使用。フッターを exactly 3 つのボトムモジュールとして配置：左 "CONNECTED" with a green status dot、中央 "MODE=FAST"、右 "03:30  CHG 100%"。参照よりも鋭く、スタイリッシュで、本番準備が整ったものにし、同じダッシュボード機能とデータを保持。

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く