Vidéos Images
Se connecter
Tableau de bord opérationnel holographique de science-fiction

Tableau de bord opérationnel holographique de science-fiction

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

vues39
j’aime0
commentaires2
partages0
favoris0
citations0
Traduit
Objectif : Créer une maquette de produit de science-fiction cinématographique représentant un tableau de bord opérationnel futuriste intitulé {argument name="product title" default="HOLOGRAPHIC WORKBENCH"}, flottant sous forme d'écran holographique bleu néon transparent au-dessus d'un bureau de contrôle sombre dans un centre de commande cyberpunk.

Toile : Capture d'écran d'interface paysage 16:9 large, interface utilisateur en glassmorphism bleu marine/noir, bordures cyan lumineuses, lignes de balayage subtiles, texture de grille fine, haute définition, rendu réaliste de style GPT-image-2, faible profondeur de champ avec des lumières de serveur floues en arrière-plan. L'interface doit donner l'impression d'un prototype cliquable construit sur un magnifique rendu conceptuel.

En-tête : Le texte de la marque en haut à gauche indique « PARACORTEX TERMINAL » au-dessus du titre principal « HOLOGRAPHIC WORKBENCH » avec le sous-titre « Conscience situationnelle sur le code, les agents et l'infrastructure. » Les métadonnées en haut au centre affichent exactement 3 champs : Espace de travail « paracortex-core », Session « pipin@paracortex.dev », Heure « 09:42:17 UTC ». Le coin supérieur droit comprend un petit bouton intitulé « SIMULATE EVENT » ainsi que de minuscules icônes d'engrenage, de synchronisation et de plus.

Navigation de gauche : Une barre latérale verticale lumineuse avec exactement 8 éléments de navigation sous forme d'icônes étiquetés, de haut en bas : Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports. En bas à gauche, inclure un petit panneau d'état du système avec Statut « Operational », Santé « 98.6% » et Temps de fonctionnement « 170 4H 23M ».

Ligne de métriques supérieure : Afficher exactement 6 cartes de statistiques en haut. Carte 1 : Valeur « PULSE SCORE » « 78 », statut « GOOD » avec un petit graphique linéaire. Carte 2 : Valeur « ACTIVE AGENTS » « 42 / 64 », statut « ONLINE ». Carte 3 : Valeur « RUNNING JOBS » « 124 », statut « +12.4% ». Carte 4 : Valeur « SYSTEM HEALTH » « 98.6% », statut « NOMINAL ». Carte 5 : Valeur « EVENTS (24H) » « 1 284 », statut « +8.7% ». Carte 6 : Valeur « TRACES (24H) » « 4.7M », statut « +23.1% ».

Disposition principale : Sous la ligne de métriques, créer exactement 5 grandes colonnes/cartes verticales. La colonne 1 est « NEEDS YOU » avec un compteur de badge de 3 et exactement 3 cartes de tâches : « Release blocked » avec un style rouge urgent, « Schema change detected » avec un style d'approbation jaune, et « PR #402 open » avec un style de cycle de vie violet. La colonne 2 est « IN MOTION » avec un compteur de badge de 4 et exactement 3 cartes de tâches visibles : « Indexer lagging » en tant qu'incident rouge avec un petit badge x20 et un minuscule graphique à barres, « Refactor batch running » avec une barre de progression sarcelle, et « Reconnected » avec un style de session récupérée bleu. La colonne 3 est « CHANGED » avec un compteur de badge de 6 et exactement 3 cartes de tâches : « v1.4.0 shipped », « Indexer catching up » avec un mini graphique à barres, et « Agent config updated ». La colonne 4 est « CONDITIONS » avec un compteur de badge de 4 et exactement 3 cartes de tâches : « Telemetry not monitored », « Message bus healthy » et « Agent pool healthy ». La colonne 5 est un panneau de détails « SELECTED CONTEXT » sur la droite, concentré sur {argument name="selected incident" default="Indexer lagging"}, montrant un badge rouge x20, un histogramme rouge, une chronologie verticale avec des horodatages et des puces de services affectés.

Détails du contexte sélectionné : Le panneau de détails de droite doit inclure le titre « Indexer lagging », le sous-texte « Since 09:25 UTC (16m) » et « 20 repositories behind ». Ajouter un graphique à barres rouge étiqueté en bas avec des heures autour de 09:00, 09:15, 09:30, 09:45. La chronologie contient exactement 5 entrées : « 09:42 Lag threshold breached », « 09:37 Alert sent », « 09:36 Auto mitigation started », « 09:34 Partial recovery » et « 09:26 Incident opened ». Ajouter un petit bouton intitulé « Investigate ». Puces des services affectés : « paracortex-core », « port-1 », « port-indexer », « port-agent », « +15 more ».

Zone d'activité inférieure : Ajouter un panneau « ACTIVITY TRACE » couvrant toute la largeur sous les colonnes principales, intitulé « Last 60 minutes ». Inclure une trace horizontale basée sur le temps avec des points multicolores, exactement 6 onglets de filtrage : « All », « Events », « Commits », « Jobs », « Agents », « Alerts ». À droite de ce panneau, inclure une liste d'événements compacte et une minuscule légende avec exactement 6 catégories : Alerts, Changes, Jobs, Commits, Infra, Info.

Commandes au premier plan : En bas au centre, placer un dock d'état en verre arrondi flottant devant l'écran. Il contient exactement 4 grands compteurs correspondant aux colonnes : « Needs you 3 » en rouge, « In motion 4 » en bleu, « Changed 6 » en sarcelle et « Conditions 4 » en ambre. Au centre du dock, inclure un emblème d'orbe cubique violet-bleu brillant.

Couleur et style : Utiliser des contours cyan néon, une lueur sarcelle et bleu électrique, du rouge pour les incidents, de l'ambre pour les avertissements, du violet pour les éléments de cycle de vie/session. Les panneaux de l'interface utilisateur sont en verre sombre translucide avec des coins arrondis. Le texte est petit mais globalement lisible, technique, dense et soigné. Ajouter des reflets subtils sur le bureau, de petits boutons physiques et des écrans sur le bord inférieur, ainsi que des faisceaux lumineux bleus atmosphériques.

Contraintes : Maintenir tous les comptes listés exacts : 8 éléments de barre latérale, 6 cartes de métriques supérieures, 5 colonnes principales, 15 cartes de tâches/détails principales visibles au total en comptant le panneau de contexte sélectionné à droite, 6 onglets de filtrage, 6 catégories de légende et 4 compteurs de dock. Ne pas ajouter de personnes. Ne pas utiliser de fond blanc plat. Éviter le style cartoon ; faites en sorte que cela ressemble à un prototype de tableau de bord SaaS de science-fiction haut de gamme.

Traduction automatique — c’est le prompt original qui a produit ce résultat.

✨ Générer Publication d’origine Ouvrir dans Hitboard