未來感日文AI控制台原型

{
  "type": "未來感深色模式日文Web控制檯UI介面原型",
  "app_brand": "[NEURALJACK]",
  "main_title": "[AIゲーム起動フロー デモ]",
  "subtitle": "起動手順を見ながら、そのまま內的會議へ指示を出せる操作畫面",
  "style": {
    "theme": "賽博朋克風格SaaS控制面板，深藏青色與黑色背景，發光青色邊框，霓虹藍點綴，圓角卡片，微妙漸變，緊湊的日文字型",
    "canvas": "16:9 寬屏網頁截圖構圖",
    "lighting": "柔和藍光微暈，高對比度，精細的產品演示質感"
  },
  "layout": {
    "top_bar": {
      "position": "全寬頂部欄",
      "left_logo": "圓角矩形青色NJ圖示與品牌文字",
      "center_title": "醒目粗體日文大標題",
      "right_nav_count": 3,
      "right_nav_items": [
        "ドキュメント",
        "通知 (帶藍色角標2)",
        "設定"
      ]
    },
    "left_sidebar": {
      "title": "起動フロー",
      "position": "左側欄",
      "step_count": 6,
      "steps": [
        {
          "number": 1,
          "label": "起動",
          "status": "完了",
          "icon": "rocket",
          "state": "帶綠色對勾的完成狀態"
        },
        {
          "number": 2,
          "label": "認証モード選択",
          "status": "完了",
          "icon": "shield",
          "state": "帶綠色對勾的完成狀態"
        },
        {
          "number": 3,
          "label": "ChatGPT / Codex ログイン確認",
          "status": "完了",
          "icon": "lock",
          "state": "帶綠色對勾的完成狀態"
        },
        {
          "number": 4,
          "label": "Codex App Server 起動",
          "status": "進行中",
          "icon": "server",
          "state": "青色發光高亮啟用狀態"
        },
        {
          "number": 5,
          "label": "ゲーム接続",
          "status": "待機",
          "icon": "gamepad",
          "state": "暗淡待機狀態"
        },
        {
          "number": 6,
          "label": "AI機能準備完了",
          "status": "待機",
          "icon": "robot",
          "state": "暗淡待機狀態"
        }
      ],
      "progress_card": {
        "label": "全體進捗",
        "value": "50%",
        "detail": "3 / 6 ステップ完了",
        "bar": "青色進度條填充至一半"
      }
    },
    "center_panel": {
      "title": "フロー視覺化",
      "position": "中央主面板",
      "sections_count": 2,
      "sections": [
        {
          "title": "ローカル開発",
          "position": "中上方",
          "node_count": 4,
          "nodes": [
            "Game Tool UI / クライアントUI",
            "codex app-server / ローカルサーバー",
            "ChatGPT Plus ログイン / ブラウザ認証",
            "Codex / AIエンジン"
          ],
          "connectors": "三條從左到右的青色箭頭",
          "note": "開発時は Plus ログイン / 本番時は API と明示設定"
        },
        {
          "title": "本番運用",
          "position": "正中央",
          "node_count": 3,
          "nodes": [
            "Game Client / ゲームクライアント",
            "AI Gateway Backend / ゲートウェイサーバー",
            "OpenAI API / クラウドAI"
          ],
          "connectors": "兩條從左到右的青色箭頭",
          "accent": "發綠光的區塊邊框"
        }
      ]
    },
    "bottom_center": {
      "panel_count": 2,
      "panels": [
        {
          "title": "イベントログ",
          "position": "中央左下方",
          "visible_log_lines_count": 3,
          "visible_log_lines": [
            "[OK] NeuralJack UI booted",
            "[INFO] waiting for instruction",
            "[INFO] codex app-server file export mode"
          ]
        },
        {
          "title": "実行プレビュー",
          "position": "中央右下方",
          "content": "深色預覽卡片，底部依稀可見大字 次の推奨操"
        }
      ]
    },
    "right_panel": {
      "title": "指示パネル",
      "position": "右側欄",
      "instruction_box": {
        "text": "[ローカルLLMを使った個人AI相棒を作りたい]",
        "appearance": "大號深色文字輸入區，配有簡約傳送按鈕區域"
      },
      "checkbox_count": 3,
      "checkboxes": [
        {
          "label": "GPT-5.5 強化",
          "state": "未勾選"
        },
        {
          "label": "カード生成",
          "state": "青色已勾選"
        },
        {
          "label": "Codexタスク化",
          "state": "未勾選"
        }
      ],
      "quick_actions": {
        "title": "クイックアクション",
        "button_count": 6,
        "buttons": [
          "サポートAI",
          "オートプレイ",
          "クエスト生成",
          "NPC會話",
          "音聲デモ",
          "設定"
        ],
        "arrangement": "2行3列布局，圖示位於文字標籤上方"
      },
      "recommended_commands": {
        "title": "おすすめコマンド",
        "chip_count": 4,
        "chips": [
          "起動チェック",
          "接続テスト",
          "ログ確認",
          "現在狀態を取得"
        ]
      },
      "chat_prompt": {
        "bot_icon": "青色圓形機器人圖示",
        "speech_bubble": "[何をしたいですか？]"
      }
    }
  },
  "rendering_notes": "將介面渲染為逼真的上線瀏覽器應用截圖，而非扁平插畫。採用清晰的日文排版、細膩的青色邊框、圓角矩形卡片、微型圖示、啟用步驟輝光以及緊湊且易讀的佈局。"
}