ホログラフィック SF オペレーションダッシュボード

Generates a cinematic neon glassmorphism command-center dashboard mockup for futuristic SaaS, DevOps, or AI agent monitoring prototypes.

目標：サイバーパンクの司令センター内で、暗い制御デスクの上に透明なネオンブルーのホログラフィックスクリーンとして浮遊する、未来派の運用ダッシュボードを題材にしたシネマティックなSFプロダクトモックアップを作成する。タイトルは{argument name="product title" default="HOLOGRAPHIC WORKBENCH"}。

キャンバス：ワイド16:9横向きのインターフェーススクリーンショット、暗いネイビー/ブラックのガラスモーフィズムUI、光るシアンのボーダー、微細なスキャンライン、小さなグリッドテクスチャ、高詳細、リアルなGPT-image-2スタイルのレンダー、背景のぼやけたサーバーの光を伴う浅い被写界深度。このインターフェースは、美しいコンセプトレンダーの上に構築されたクリック可能なプロトタイプのように感じられるべき。

ヘッダー：左上にブランドテキスト「PARACORTEX TERMINAL」、メインタイトル「HOLOGRAPHIC WORKBENCH」の上、サブタイトル「Situational awareness across code, agents, and infrastructure.」。上中央のメタデータは正確に3フィールドを表示：ワークスペース「paracortex-core」、セッション「pipin@paracortex.dev」、時刻「09:42:17 UTC」。右上には「SIMULATE EVENT」というラベルの小さなボタンと、歯車、同期、プラスのアイコンを配置。

左ナビゲーション：正確に8つのアイコンナビゲーション項目を持つ垂直の光るサイドバーを、上から順にラベル付け：Overview、Pulse、Agents、Jobs、Traces、Infra、Config、Reports。左下には、ステータス「Operational」、ヘルス「98.6%」、稼働時間「170 4H 23M」を持つ小さなシステムステータスパネルを配置。

上部メトリック行：上部に正確に6つの統計カードを横に並べる。カード1：「PULSE SCORE」値「78」ステータス「GOOD」小さな折れ線グラフ付き。カード2：「ACTIVE AGENTS」値「42 / 64」ステータス「ONLINE」。カード3：「RUNNING JOBS」値「124」ステータス「+12.4%」。カード4：「SYSTEM HEALTH」値「98.6%」ステータス「NOMINAL」。カード5：「EVENTS (24H)」値「1,284」ステータス「+8.7%」。カード6：「TRACES (24H)」値「4.7M」ステータス「+23.1%」。

メインレイアウト：メトリック行の下に、正確に5つの大きな垂直カラム/カードを作成。カラム1はバッジ数3の「NEEDS YOU」で、正確に3つのタスクカード：緊急の赤スタイルの「Release blocked」、承認スタイルの黄色の「Schema change detected」、ライフサイクルスタイルの紫色の「PR #402 open」。カラム2はバッジ数4の「IN MOTION」で、正確に3つの表示タスクカード：小さなx20バッジとバー付きの赤のインシデント「Indexer lagging」、ティールのプログレスバー「Reconfigure batch running」、セッション復帰スタイルの青「Reconnected」。カラム3はバッジ数6の「CHANGED」で、正確に3つのタスクカード：「v1.4.0 shipped」、ミニバーチャート付きの「Indexer catching up」、「Agent config updated」。カラム4はバッジ数4の「CONDITIONS」で、正確に3つのタスクカード：「Telemetry not monitored」、「Message bus healthy」、「Agent pool healthy」。カラム5は右側の詳細パネル「SELECTED CONTEXT」で、{argument name="selected incident" default="Indexer lagging"}に集中し、赤x20バッジ、赤ヒストグラム、タイムスタンプ付きの垂直タイムライン、影響を受けるサービスチップを表示。

選択されたコンテキストの詳細：右の詳細パネルには、タイトル「Indexer lagging」、サブテキスト「Since 09:25 UTC (16m)」と「20 repositories behind」を含める。09:00、09:15、09:30、09:45付近の時刻が横にラベル付けされた赤の棒グラフを追加。タイムラインには正確に5つのエントリ：「09:42 Lag threshold breached」、「09:37 Alert sent」、「09:36 Auto mitigation started」、「09:34 Partial recovery」、「09:26 Incident opened」。小さな「Investigate」ボタンを追加。影響を受けるサービスチップ：「paracortex-core」、「port-1」、「port-indexer」、「port-agent」、「+15 more」。

ボトムアクティビティエリア：メインカラムの下に、幅全体にまたがる「ACTIVITY TRACE」パネルを追加し、「Last 60 minutes」とラベル付け。マルチカラードット付きの水平な時間ベースのトレース、正確に6つの小さなフィルタータブ：「All」、「Events」、「Commits」、「Jobs」、「Agents」、「Alerts」。このパネルの右側には、コンパクトなイベントリストと、正確に6カテゴリの小さな凡例：Alerts、Changes、Jobs、Commits、Infra、Info。

前景コントロール：ボトム中央に、スクリーンの前に浮遊する別個の丸みのあるガラスステータスドックを配置。カラムに対応する正確に4つの大きなカウンターを含む：赤の「Needs you 3」、青の「In motion 4」、ティールの「Changed 6」、アンバーの「Conditions 4」。ドックの中央下には、光る紫青のキューブオーブエンブレムを配置。

カラーとスタイル：ネオンシアンのアウトライン、ティールとエレクトリックブルーのグロー、インシデント用の赤、警告用のアンバー、ライフサイクル/セッションアイテム用の紫を使用。UIパネルは半透明な暗いガラスで、角丸。テキストは小さいがほとんど判読可能で、技術的、密度が高く、洗練されている。デスク上に微かな反射、下端に小さな物理ノブとスクリーン、アトモスフィアの青い光ビームを追加。

制約：リストされたすべてのカウントを正確に保持：サイドバー8項目、上部メトリックカード6枚、メインカラム5本、右側の選択されたコンテキストパネルを含むメインタスク/詳細カードの合計15枚、フィルタータブ6枚、凡例カテゴリ6個、ドックカウンター4個。人物を追加しない。平面の白い背景を使用しない。漫画風スタイルを避け、プレミアムSF SaaSダッシュボードプロトタイプのように見せる。

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

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