レトロな Claude Code 使用量ゲージ

Transforms a simple usage meter reference into a neon-green pixel terminal dashboard suitable for an M5Stack-style device UI.

REFERENCE_0 を機能的レイアウトとデータソースとして使用し、M5Stack スタイルの低解像度ディスプレイ用の磨かれたモノクロームネオングリーンレトロターミナル UI に再設計してください。2 つの使用パネル SESSION 5H と WEEKLY 7D を持つ Claude Code 使用ゲージの同じ概念を保持。プレーンプログレスバーを各 24 の長方形ブロックを持つセグメントピクセルバーに変換、概ね使用値を保持するが、表示数字を {argument name="session percentage" default="18%"} と {argument name="weekly percentage" default="51%"} に更新。各パネルの周りに薄い光るグリーンボーダー、ピクセル/ビットマップタイポグラフィ、パネルタイトルの横に小さなターゲット/クロスヘアアイコン、リセット行の横に時計アイコンを追加。シンプルなタイトルを {argument name="headline text" default="CLAUDE CODE USAGE"} と装飾的なヘッダーに置き換え、端末のようなスラッシュとラインオーナメントで挟まれる。底部に、旗/端末アウトラインアイコン、グリーン接続ドット、{argument name="connection label" default="CONNECTED"}、MODE=FAST、{argument name="time" default="12:52"}、CHG 75% と小さなバッテリー/充電アイコンを持つレトロステータス行を追加。黒い背景、明るい CRT グリーンライン、鮮明なピクセルアートスタイルを使用し、結果をフラットなチャートではなく、磨かれた組み込みデバイスダッシュボードのように見せてください。

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

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