Tableau de bord de lancement du jeu d'IA japonais

{ "type": "Maquette d'interface utilisateur de tableau de bord web japonais futuriste en mode sombre", "app_brand": "{argument name=\"app brand\" default=\"NEURALJACK\"}", "main_title": "{argument name=\"main title\" default=\"Démonstration du processus de lancement d'un jeu IA\"}", "subtitle": "L'interface permet aux utilisateurs de visualiser les étapes de démarrage et d'envoyer des commandes directement aux réunions internes.", "style": { "theme": "Panneau de contrôle SaaS cyberpunk, fond bleu marine et noir profond, bordures cyan lumineuses, accents bleu néon, cartes arrondies, dégradés subtils, typographie japonaise compacte", "canvas": "Composition large 16:9 de type capture d'écran", "lighting": "Lueur bleue douce, contraste élevé, aspect de démonstration de produit soigné" }, "layout": { "top_bar": { "position": "Pleine largeur en haut", "left_logo": "Icône NJ carrée arrondie cyan plus texte de marque", "center_title": "Grand titre japonais en gras", "right_nav_count": 3, "right_nav_items": [ "document", "Notice (with blue badge 2)", "set up" ] }, "left_sidebar": { "title": "Processus de démarrage", "position": "left column", "step_count": 6, "steps": [ { "number": 1, "label": "démarrage", "status": "Terminé", "icon": "fusée", "state": "terminé avec une coche verte" }, { "number": 2, "label": "Sélectionnez le mode d'authentification", "status": "Terminé", "icon": "bouclier", "state": "terminé avec une coche verte" }, { "number": 3, "label": "Confirmation de connexion ChatGPT / Codex", "status": "Terminé", "icon": "lock", "state": "terminé avec une coche verte" }, { "number": 4, "label": "Démarrage du serveur d'application Codex", "status": "en cours", "icon": "server", "state": "active highlighted cyan" }, { "number": 5, "label": "Connexion au jeu", "status": "standby", "icon": "gamepad", "state": "waiting dim" }, { "number": 6, "label": "Fonctionnalités IA prêtes.", "status": "standby", "icon": "robot", "state": "waiting dim" } ], "progress_card": { "label": "Progression globale", "value": "50%", "detail": "Étapes 3/6 terminées", "bar": "Barre de progression cyan à moitié remplie" } }, "center_panel": { "title": "Visualisation du processus", "position": "Colonne centrale principale", "sections_count": 2, "sections": [ { "title": "Développement local", "position": "Centre supérieur", "node_count": 4, "nodes": [ "Interface utilisateur de l'outil de jeu / Interface utilisateur du client", "Serveur d'application Codex / Serveur local", "Connexion ChatGPT Plus/Authentification du navigateur", "Codex / Moteur d'IA" ], "connecteurs": "trois flèches cyan de gauche à droite", "note": "Utilisez la connexion Plus pendant le développement / configurez explicitement l'API en environnement de production" }, { "titre": "Officiellement en service", "position": "centre central", "nombre_de_nœuds": 3, "nœuds": [ "Client de jeu", "Serveur passerelle IA", "API OpenAI / IA cloud" ], "connecteurs": "deux flèches cyan de gauche à droite", "accent": "bordure de section verte lumineuse" } ] }, "bas_centre": { "nombre_de_panneaux": 2, "panneaux": [ { "titre": "Journal des événements", "position": "en bas à gauche du centre", "nombre_de_lignes_visibles": 3, "lignes_de_journal_visibles": [ "[OK] L'interface utilisateur de NeuralJack est maintenant en cours d'exécution.", "[INFO] En attente d'instructions", "[INFO] Fichier serveur d'application Codex Mode d'exportation" ] }, { "title": "Exécuter l'aperçu", "position": "en bas à droite du centre", "content": "L'étape suivante recommandée consiste à rendre visible la carte d'aperçu (carte d'aperçu sombre avec un texte de grande taille) près du bas." } ] }, "right_panel": { "title": "Panneau de commandes", "position": "colonne de droite", "instruction_box": { "text": "{argument name=\"texte d'instruction\" default=\"Je souhaite créer un compagnon IA personnel à l'aide d'un LLM local.\"}", "appearance": "grande zone de texte sombre avec une zone de bouton d'envoi discrète" }, "checkbox_count": 3, "checkboxes": [ { "label": "GPT-5.5 amélioré", "state": "non coché" }, { "label": "Génération de cartes", "state": "coché cyan" }, { "label": "Basé sur les tâches Codex", "state": "non coché" } ], "quick_actions": { "title": "Opération rapide", "button_count": 6, "buttons": [ "IA d'assistance", "Lecture automatique", "Génération de tâches", "Dialogue PNJ", "Démonstration vocale", "Configuration" ], "arrangement": "2 lignes par 3 colonnes, icône au-dessus de l'étiquette sur chaque bouton" }, "commandes_recommandées": { "titre": "Instructions recommandées", "nombre_de_puces": 4, "puces": [ "Démarrer la vérification", "Test de connexion", "Confirmation de journalisation", "Obtenir l'état actuel" ] }, "invite_de_chat": { "icône_bot": "icône de robot circulaire cyan", "bulle_de_voix": "{nom_argument=\"texte_bulle_de_chat\" default=\"Que voulez-vous faire ?"}" } } }, "notes_de_rendu": "Faites en sorte que l'interface ressemble à une capture d'écran d'une application navigateur réelle plutôt qu'à une illustration plate. Utilisez du texte japonais net, des contours cyan fins, des rectangles arrondis, de petites icônes, une lueur pour les étapes actives et un espacement dense mais lisible." }