Painel de lançamento de jogos de IA japoneses

{ "type": "mockup de interface de usuário futurista para painel web japonês em modo escuro", "app_brand": "{argument name=\"marca do aplicativo\" default=\"NEURALJACK\"}", "main_title": "{argument name=\"título principal\" default=\"Demonstração do Processo de Inicialização de Jogo de IA\"}", "subtitle": "A interface permite que os usuários visualizem as etapas de inicialização e enviem comandos diretamente para reuniões internas.", "style": { "theme": "painel de controle SaaS cyberpunk, fundo azul-marinho escuro e preto, bordas ciano brilhantes, detalhes em azul neon, cartões arredondados, gradientes sutis, tipografia japonesa compacta", "canvas": "composição ampla 16:9 semelhante a uma captura de tela", "lighting": "brilho azul suave, alto contraste, aparência refinada de demonstração de produto" }, "layout": { "top_bar": { "position": "largura total superior", "left_logo": "ícone NJ quadrado arredondado ciano mais texto da marca", "center_title": "título japonês grande e em negrito", "right_nav_count": 3, "right_nav_items": [ "documento", "Aviso (com distintivo azul 2)", "configuração" ] }, "left_sidebar": { "title": "Processo de inicialização", "position": "coluna da esquerda", "step_count": 6, "steps": [ { "number": 1, "label": "iniciar", "status": "Concluído", "icon": "foguete", "state": "concluído com marca de seleção verde" }, { "number": 2, "label": "Selecionar modo de autenticação", "status": "Concluído", "icon": "escudo", "state": "concluído com marca de seleção verde" }, { "number": 3, "label": "Confirmação de login do ChatGPT / Codex", "status": "Concluído", "icon": "cadeado", "state": "concluído com marca de seleção verde" }, { "number": 4, "label": "Inicialização do servidor do aplicativo Codex", "status": "em andamento", "icon": "servidor", "state": "ativo destacado em ciano" }, { "number": 5, "label": "Conexão com o jogo", "status": "em espera", "icon": "gamepad", "state": "esperando dim" }, { "number": 6, "label": "A funcionalidade de IA está pronta.", "status": "em espera", "icon": "robô", "state": "esperando dim" } ], "progress_card": { "label": "Progresso geral", "value": "50%", "detail": "Etapas 3/6 concluídas", "bar": "barra de progresso ciano preenchida pela metade" } }, "center_panel": { "title": "Visualização do processo", "position": "coluna central principal", "contagem_de_seções": 2, "seções": [ { "título": "Desenvolvimento local", "posição": "centro superior", "contagem_de_nós": 4, "nós": [ "Interface do usuário da ferramenta de jogo / Interface do usuário do cliente", "servidor de aplicativos Codex / servidor local", "Login ChatGPT Plus / Autenticação do navegador", "Codex / Motor de IA" ], "conectores": "três setas ciano da esquerda para a direita", "nota": "Use o login Plus durante o desenvolvimento / defina explicitamente para API no ambiente de produção" }, { "título": "Oficialmente em operação", "posição": "centro intermediário", "contagem_de_nós": 3, "nós": [ "Cliente de jogo", "Backend do gateway de IA / Servidor de gateway", "API OpenAI / IA na nuvem" ], "conectores": "duas setas ciano da esquerda para a direita", "accent": "borda da seção verde brilhante" } ] }, "centro inferior": { "contagem_de_painéis": 2, "panels": [ { "title": "Registro de Eventos", "position": "canto inferior esquerdo do centro", "visible_log_lines_count": 3, "visible_log_lines": [ "[OK] A interface do NeuralJack está em execução.", "[INFO] Aguardando instruções", "[INFO] Modo de Exportação de Arquivos do Servidor de Aplicativos Codex" ] }, { "title": "Executar Pré-visualização", "position": "canto inferior direito do centro", "content": "A próxima etapa recomendada é tornar o cartão de pré-visualização (cartão de pré-visualização escuro com texto grande) visível próximo à parte inferior." } ] }, "right_panel": { "title": "Painel de Comandos", "position": "coluna da direita", "instruction_box": { "text": "{argument name=\"texto da instrução\" default=\"Desejo criar um companheiro de IA pessoal usando um LLM local.\"}", "appearance": "grande área de texto escura com área de botão de envio discreta" }, "checkbox_count": 3, "checkboxes": [ { "label": "GPT-5.5 Aprimorado", "state": "desmarcado" }, { "label": "Geração de cartão", "state": "marcado ciano" }, { "label": "Baseado em Tarefas do Codex", "state": "desmarcado" } ], "quick_actions": { "title": "Operação Rápida", "button_count": 6, "buttons": [ "Suporte à IA", "Reprodução automática", "Tarefa geração", "Diálogo com NPC", "Demonstração de voz", "configuração" ], "arranjo": "2 linhas por 3 colunas, ícone acima do rótulo em cada botão" }, "comandos_recomendados": { "título": "Instruções recomendadas", "contagem_de_chips": 4, "chips": [ "Verificação de início", "Teste de conexão", "Confirmação de registro", "Obter o estado atual" ] }, "mensagem_de_chat": { "ícone_de_bot": "ícone circular ciano de robô", "balão_de_fala": "{argumento nome=\"texto do balão de chat\" padrão=\"O que você deseja fazer?\"}" } } }, "notas_de_renderização": "Faça com que a interface pareça uma captura de tela de um aplicativo de navegador implementado, em vez de uma ilustração plana. Use texto japonês nítido, contornos finos em ciano, retângulos arredondados, ícones pequenos, brilho de etapa ativa e espaçamento denso, porém legível." }