Panel de lanzamiento de juegos de IA japoneses

{ "type": "Maqueta de interfaz de usuario de panel web japonés futurista en modo oscuro", "app_brand": "{argument name=\"app brand\" default=\"NEURALJACK\"}", "main_title": "{argument name=\"main title\" default=\"Demostración del proceso de lanzamiento de juegos de IA\"}", "subtitle": "La interfaz permite a los usuarios ver los pasos de inicio y enviar comandos directamente a reuniones internas.", "style": { "theme": "Panel de control SaaS cyberpunk, fondo azul marino y negro intenso, bordes cian brillantes, acentos azul neón, tarjetas redondeadas, degradados sutiles, tipografía japonesa compacta", "canvas": "Composición ancha 16:9 similar a una captura de pantalla", "lighting": "Resplandor azul suave, alto contraste, aspecto pulido de demostración de producto" }, "layout": { "top_bar": { "position": "parte superior de ancho completo", "left_logo": "Icono NJ cian cuadrado redondeado más texto de marca", "center_title": "Título japonés grande en negrita", "right_nav_count": 3, "right_nav_items": [ "document", "Notice (with blue badge 2)", "set up" ] }, "left_sidebar": { "title": "Startup process", "position": "left column", "step_count": 6, "steps": [ { "number": 1, "label": "start up", "status": "Completed", "icon": "rocket", "state": "completed with green check" }, { "number": 2, "label": "Select authentication mode", "status": "Completed", "icon": "shield", "state": "completed with green check" }, { "number": 3, "label": "ChatGPT / Codex Login Confirmation", "status": "Completed", "icon": "lock", "state": "completed with green check" }, { "number": 4, "label": "Codex App Server Inicio", "estado": "en progreso", "icono": "servidor", "estado": "activo resaltado en cian" }, { "número": 5, "etiqueta": "Conexión del juego", "estado": "en espera", "icono": "mando de juego", "estado": "esperando dim" }, { "número": 6, "etiqueta": "La funcionalidad de IA está lista.", "estado": "en espera", "icono": "robot", "estado": "esperando dim" } ], "tarjeta_de_progreso": { "etiqueta": "Progreso general", "valor": "50%", "detalle": "Pasos 3/6 completados", "barra": "barra de progreso cian a la mitad" } }, "panel_central": { "título": "Visualización del proceso", "posición": "columna central principal", "número_de_secciones": 2, "secciones": [ { "título": "Desarrollo local", "posición": "centro superior", "número_de_nodos": 4, "nodos": [ "Interfaz de usuario de la herramienta de juego / Interfaz de usuario del cliente", "servidor de la aplicación codex / servidor local", "Inicio de sesión de ChatGPT Plus / Autenticación del navegador", "Codex / Motor de IA" ], "conectores": "tres flechas cian de izquierda a derecha", "nota": "Utilice el inicio de sesión Plus durante el desarrollo / configure explícitamente la API en el entorno de producción" }, { "título": "Oficialmente en funcionamiento", "posición": "centro medio", "número de nodos": 3, "nodos": [ "Cliente de juego", "Backend de la puerta de enlace de IA / Servidor de puerta de enlace", "API de OpenAI / IA en la nube" ], "conectores": "dos flechas cian de izquierda a derecha", "acento": "borde de sección verde brillante" } ] }, "centro inferior": { "número de paneles": 2, "paneles": [ { "título": "Registro de eventos", "posición": "parte inferior izquierda del centro", "número de líneas de registro visibles": 3, "líneas de registro visibles": [ "[OK] NeuralJack La interfaz de usuario ya está en funcionamiento.", "[INFO] Esperando instrucciones", "[INFO] Modo de exportación de archivos del servidor de aplicaciones Codex" ] }, { "title": "Ejecutar vista previa", "position": "parte inferior derecha del centro", "content": "El siguiente paso recomendado es hacer visible la tarjeta de vista previa (tarjeta de vista previa oscura con texto grande) cerca de la parte inferior." } ] }, "right_panel": { "title": "Panel de comandos", "position": "columna derecha", "instruction_box": { "text": "{argument name=\"texto de instrucción\" default=\"Quiero crear un compañero de IA personal usando un LLM local.\"}", "appearance": "área de texto oscura grande con un área de botón de envío sutil" }, "checkbox_count": 3, "checkboxes": [ { "label": "GPT-5.5 mejorado", "state": "sin marcar" }, { "label": "Generación de tarjetas", "state": "marcado cian" }, { "label": "Basado en tareas de Codex", "state": "sin marcar" } ], "quick_actions": { "title": "Operación rápida", "button_count": 6, "buttons": [ "Soporte para IA", "Reproducción automática", "Generación de tareas", "Diálogo NPC", "Demostración de voz", "establecer "arriba" ], "arreglo": "2 filas por 3 columnas, icono encima de la etiqueta en cada botón" }, "comandos_recomendados": { "título": "Instrucciones recomendadas", "cantidad_chips": 4, "chips": [ "Comprobación de inicio", "Prueba de conexión", "Confirmación de registro", "Obtener el estado actual" ] }, "mensaje_chat": { "icono_bot": "icono de robot circular cian", "burbuja_discurso": "{argumento nombre=\"texto de la burbuja de chat\" predeterminado=\"¿Qué quieres hacer?"\"}" } } }, "notas_renderizado": "Haz que la interfaz parezca una captura de pantalla de una aplicación de navegador implementada real en lugar de una ilustración plana. Usa texto japonés nítido, contornos cian finos, rectángulos redondeados, iconos pequeños, brillo de paso activo y espaciado denso pero legible." }