未来感日文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": "将界面渲染为逼真的上线浏览器应用截图，而非扁平插画。采用清晰的日文排版、细腻的青色边框、圆角矩形卡片、微型图标、激活步骤辉光以及紧凑且易读的布局。"
}