# GPT Image Hub prompt

## 未來感日文AI控制台原型
- URL: https://www.gptimagehub.com/zh-TW/library/futuristic-japanese-ai-dashboard-mockup
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-18415
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: 控制台, ui原型, 深色模式, 賽博朋克, saas, 日文排版, 網頁設計
- Updated: 2026-10-26T21:48:03.098Z
- Created: 2026-10-26T21:48:03.098Z

生成用於AI遊戲啟動流程與指令配置的深色模式日文SaaS管理面板。可修改品牌、標題、指令文字與進度狀態以契合專案需求。

### Full prompt
```text
{"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": "將介面渲染為逼真的上線瀏覽器應用截圖，而非扁平插畫。採用清晰的日文排版、細膩的青色邊框、圓角矩形卡片、微型圖示、啟用步驟輝光以及緊湊且易讀的佈局。"}
```