Japansk AI-spillanceringsdashboard

{ "type": "futuristisk mørk-tilstand japansk web dashboard UI mockup", "app_brand": "{argument name=\"app brand\" default=\"NEURALJACK\"}", "main_title": "{argument name=\"main title\" default=\"AI Game Launch Process Demonstration\"}", "subtitle": "Grænsefladen giver brugerne mulighed for at se opstartstrinnene og sende kommandoer direkte til interne møder.", "style": { "theme": "cyberpunk SaaS-kontrolpanel, dyb marineblå og sort baggrund, lysende cyanfarvede kanter, neonblå accenter, afrundede kort, subtile gradienter, kompakt japansk typografi", "canvas": "bred 16:9 skærmbillede-lignende komposition", "lighting": "blød blå glød, høj kontrast, poleret produktdemo-look" }, "layout": { "top_bar": { "position": "fuld bredde top", "left_logo": "afrundet firkantet cyanfarvet NJ-ikon plus brandtekst", "center_title": "stor fed japansk titel", "right_nav_count": 3, "right_nav_items": [ "dokument", "Meddelelse (med blåt mærke 2)", "opsætning" ] }, "left_sidebar": { "title": "Opstartsproces", "position": "venstre kolonne", "step_count": 6, "steps": [ { "number": 1, "label": "opstart", "status": "Afsluttet", "icon": "rocket", "state": "afsluttet med grønt flueben" }, { "number": 2, "label": "Vælg godkendelsestilstand", "status": "Afsluttet", "icon": "shield", "state": "afsluttet med grønt flueben" }, { "number": 3, "label": "ChatGPT / Codex Login Bekræftelse", "status": "Afsluttet", "icon": "lås", "state": "afsluttet med grønt flueben" }, { "number": 4, "label": "Codex App Server Opstart", "status": "i gang", "icon": "server", "state": "aktiv fremhævet cyan" }, { "number": 5, "label": "Spilforbindelse", "status": "standby", "icon": "gamepad", "state": "waiting dim" }, { "number": 6, "label": "AI-funktionaliteten er klar.", "status": "standby", "icon": "robot", "state": "waiting dim" } ], "progress_card": { "label": "Samlet fremskridt", "value": "50%", "detail": "Trin 3/6 fuldført", "bar": "cyan statuslinje halvt fyldt" } }, "center_panel": { "title": "Procesvisualisering", "position": "hovedkolonne i midten", "sections_count": 2, "sections": [ { "title": "Lokal udvikling", "position": "øvre midterste", "node_count": 4, "nodes": [ "Game Tool UI / Client UI", "codex app-server / local server", "ChatGPT Plus Login/Browser Authentication", "Codex / AI Engine" ], "connectors": "tre cyanfarvede pile fra venstre mod højre", "note": "Brug Plus-login under udvikling / eksplicit indstillet til API i produktionsmiljø" }, { "title": "Officielt i drift", "position": "midt i midten", "node_count": 3, "nodes": [ "Spilklient", "AI Gateway Backend / Gateway Server", "OpenAI API / Cloud AI" ], "connectors": "to cyanfarvede pile fra venstre mod højre", "accent": "grøn glødende sektionskant" } ] }, "bottom_center": { "panel_count": 2, "panels": [ { "title": "Hændelseslog", "position": "nederst til venstre for midten", "visible_log_lines_count": 3, "visible_log_lines": [ "[OK] NeuralJack UI kører nu.", "[INFO] Afventer instruktioner", "[INFO] Codex App-Server-fileksporttilstand" ] }, { "title": "Kør forhåndsvisning", "position": "nederst til højre for midten", "content": "Den næste anbefalede Trinet er at gøre forhåndsvisningskortet (mørkt forhåndsvisningskort med stor tekst) synligt nær bunden. } ] }, "right_panel": { "title": "Kommandopanel", "position": "højre kolonne", "instruction_box": { "text": "{argument name=\"instruction text\" default=\"Jeg vil gerne oprette en personlig AI-ledsager ved hjælp af en lokal LLM.\"}", "appearance": "stort mørkt tekstområde med diskret send-knapområde" }, "checkbox_count": 3, "checkboxes": [ { "label": "GPT-5.5 Enhanced", "state": "unchecked" }, { "label": "Kortgenerering", "state": "checked cyan" }, { "label": "Codex-opgavebaseret", "state": "unchecked" } ], "quick_actions": { "title": "Hurtig betjening", "button_count": 6, "buttons": [ "Understøttelse af AI", "Automatisk afspilning", "Opgavegenerering", "NPC-dialog", "Stemmedemonstration", "opsætning" ], "arrangement": "2 rækker gange 3 kolonner, ikon over etiketten på hver knap" }, "recommended_commands": { "title": "Anbefalede instruktioner", "chip_count": 4, "chips": [ "Start tjek", "Forbindelsestest", "Logbekræftelse", "Hent den aktuelle tilstand" ] }, "chat_prompt": { "bot_icon": "cyan cirkulært robotikon", "speech_bubble": "{argument name=\"chat bubble text\" default=\"Hvad vil du gøre?\"}" } } }, "rendering_notes": "Få brugerfladen til at ligne et faktisk implementeret browser-app-skærmbillede i stedet for en flad illustration. Brug skarp japansk tekst, tynde cyan konturer, afrundede rektangler, små ikoner, aktiv trinvis glød og tæt, men læsbar afstand." }