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.

プロンプト
Using the provided reference image as the UI/data source, redesign it into a polished retro-futuristic monochrome green terminal HUD for an M5Stack-style display. Keep the same information and values unchanged: title CLAUDE CODE USAGE, two usage sections labeled SESSION 5H and WEEKLY 7D, percentages 14% and 50%, reset messages "RESET IN 4H 9M" and "RESET IN 3D 3H", and footer statuses "CONNECTED", "MODE=FAST", "03:30", "CHG 100%". Replace the plain bars with chunky pixelated segmented gauges: exactly 2 horizontal gauge panels, each with 20 rectangular segments, with the first showing 2 filled neon-green segments and the second showing 10 filled neon-green segments. Add a detailed sci-fi frame with angular borders, thin circuit-like linework, corner brackets, dotted texture, small arrow/target/clock icons, diagonal hazard stripes, and subtle CRT/pixel-grid glow. Use a black background, bright neon green outlines and fills, and white-green pixel text. Arrange the footer as exactly 3 bottom modules: left "CONNECTED" with a green status dot, center "MODE=FAST", and right "03:30 CHG 100%". Make it sharper, more stylish, and more production-ready than the reference while preserving the same dashboard function and data.

参照画像

このプロンプトの使い方

  1. 1

    上の完全なプロンプトをコピーします。

  2. 2

    GPT Image 2 に対応したプラットフォーム(YouMind など)を開き、プロンプトを貼り付けます。

  3. 3

    アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。

これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。

ほかの 画像 プロンプトを見る

その他のプロンプト機能

AI ライブラリ

AI でプロンプト検索

AI が数万件のプロンプトを検索。モデル・期間・キーワードで絞り込み、表示・ブックマーク・リポストなどのエンゲージメント順に並び替えできます。

ビジョンツール

画像からプロンプト

どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。

クリエイターのために。ずっと無料。

YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。

さらにプロンプトを見る