# GPT Image Hub prompt

## 未来的AIゲーム起動ダッシュボードモックアップ
- URL: https://www.gptimagehub.com/ja/library/futuristic-japanese-ai-dashboard-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-18415
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ダッシュボード, uiモックアップ, ダークモード, サイバーパンク, saas, 日本語テキスト, webデザイン
- 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": "左から右への3本のシアンの矢印", "note": "開発時は Plus ログイン / 本番時は API と明示設定"}, {"title": "本番運用", "position": "中央中部", "node_count": 3, "nodes": ["Game Client / ゲームクライアント", "AI Gateway Backend / ゲートウェイサーバー", "OpenAI API / クラウドAI"], "connectors": "左から右への2本のシアンの矢印", "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": "フラットなイラストではなく、実際に実装されたWebブラウザアプリのスクリーンショットのように描写。鮮明な日本語テキスト、細いシアンの輪郭線、角丸四角形、小型アイコン、アクティブステップの発光、高密度かつ読みやすいレイアウト。"}
```