日系 AI 遊戲啟動儀表板

生成一個具備未來感的日系深色模式儀表板模型，用於視覺化 AI 遊戲啟動流程並發佈自動化指令。

提示詞

{"type":"futuristic dark-mode Japanese web dashboard UI mockup","app_brand":"NEURALJACK","main_title":"AI 遊戲啟動流程演示","subtitle":"一邊查看啟動步驟，一邊直接向內部會議發出指令的操作介面","style":{"theme":"cyberpunk SaaS control panel, deep navy and black background, glowing cyan borders, neon blue accents, rounded cards, subtle gradients, compact Japanese typography","canvas":"wide 16:9 screenshot-like composition","lighting":"soft blue glow, high contrast, polished product demo look"},"layout":{"top_bar":{"position":"full width top","left_logo":"rounded square cyan NJ icon plus brand text","center_title":"large bold Japanese title","right_nav_count":3,"right_nav_items":["文件","通知 (藍色徽章 2)","設定"]},"left_sidebar":{"title":"啟動流程","position":"left column","step_count":6,"steps":[{"number":1,"label":"啟動","status":"已完成","icon":"rocket","state":"completed with green check"},{"number":2,"label":"選擇認證模式","status":"已完成","icon":"shield","state":"completed with green check"},{"number":3,"label":"確認 ChatGPT / Codex 登入","status":"已完成","icon":"lock","state":"completed with green check"},{"number":4,"label":"啟動 Codex App Server","status":"進行中","icon":"server","state":"active highlighted cyan"},{"number":5,"label":"遊戲連線","status":"等待中","icon":"gamepad","state":"waiting dim"},{"number":6,"label":"AI 功能準備就緒","status":"等待中","icon":"robot","state":"waiting dim"}],"progress_card":{"label":"整體進度","value":"50%","detail":"已完成 3 / 6 步驟","bar":"cyan progress bar halfway filled"}},"center_panel":{"title":"流程視覺化","position":"main center column","sections_count":2,"sections":[{"title":"本地開發","position":"upper center","node_count":4,"nodes":["Game Tool UI / 客戶端 UI","codex app-server / 本地伺服器","ChatGPT Plus 登入 / 瀏覽器認證","Codex / AI 引擎"],"connectors":"three cyan arrows left to right","note":"開發時使用 Plus 登入 / 正式環境時明確設定 API"},{"title":"正式營運","position":"middle center","node_count":3,"nodes":["Game Client / 遊戲客戶端","AI Gateway Backend / 閘道伺服器","OpenAI API / 雲端 AI"],"connectors":"two cyan arrows left to right","accent":"green glowing section border"}]},"bottom_center":{"panel_count":2,"panels":[{"title":"事件日誌","position":"bottom left of center","visible_log_lines_count":3,"visible_log_lines":["[OK] NeuralJack UI 已啟動","[INFO] 等待指令中","[INFO] codex app-server 檔案匯出模式"]},{"title":"執行預覽","position":"bottom right of center","content":"dark preview card with large text 下一個建議操作 visible near bottom"}]},"right_panel":{"title":"指令面板","position":"right column","instruction_box":{"text":"我想製作一個使用本地 LLM 的個人 AI 夥伴","appearance":"large dark textarea with subtle send button area"},"checkbox_count":3,"checkboxes":[{"label":"GPT-5.5 強化","state":"unchecked"},{"label":"卡片生成","state":"checked cyan"},{"label":"Codex 任務化","state":"unchecked"}],"quick_actions":{"title":"快速操作","button_count":6,"buttons":["支援 AI","自動遊玩","任務生成","NPC 對話","語音演示","設定"],"arrangement":"2 rows by 3 columns, icon above label on each button"},"recommended_commands":{"title":"推薦指令","chip_count":4,"chips":["啟動檢查","連線測試","查看日誌","獲取當前狀態"]},"chat_prompt":{"bot_icon":"cyan circular robot icon","speech_bubble":"您想做什麼呢？"}}},"rendering_notes":"Make the interface look like an actual implemented browser app screenshot rather than a flat illustration. Use crisp Japanese text, thin cyan outlines, rounded rectangles, small icons, active step glow, and dense but readable spacing."}