일본 AI 게임 출시 대시보드

{ "type": "미래지향적인 다크 모드 일본어 웹 대시보드 UI 목업", "app_brand": "{argument name=\"앱 브랜드\" default=\"NEURALJACK\"}", "main_title": "{argument name=\"메인 제목\" default=\"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": [ "document", "Notice (파란색 배지 2 포함)", "설정" ] }, "left_sidebar": { "title": "시작 프로세스", "position": "왼쪽 열", "step_count": 6, "steps": [ { "number": 1, "label": "시작", "status": "완료", "icon": "로켓", "state": "녹색 체크 표시로 완료됨" }, { "number": 2, "label": "인증 모드 선택", "status": "완료됨", "icon": "방패", "state": "녹색 체크 표시로 완료됨" }, { "number": 3, "label": "ChatGPT / Codex 로그인 확인", "status": "완료됨", { "icon": "lock", "state": "green check로 완료됨" }, { "number": 4, "label": "Codex 앱 서버 시작", "status": "진행 중", "icon": "서버", "state": "활성화됨(청록색으로 강조 표시됨)" }, { "number": 5, "label": "게임 연결", "status": "대기 중", "icon": "게임패드", "state": "대기 중(흐릿하게 표시됨)" }, { "number": 6, "label": "AI 기능 준비 완료.", "status": "대기 중", "icon": "로봇", "state": "대기 중(흐릿하게 표시됨)" } ], "progress_card": { "label": "전체 진행률", "value": "50%", "detail": "3/6단계 완료", "bar": "청록색 진행률 표시줄이 절반 채워짐" } }, "center_panel": { "title": "프로세스 시각화", "위치": "중앙 메인 열", "섹션 개수": 2, "섹션": [ { "제목": "로컬 개발", "위치": "상단 중앙", "노드 개수": 4, "노드": [ "게임 툴 UI / 클라이언트 UI", "코덱스 앱 서버 / 로컬 서버", "ChatGPT Plus 로그인/브라우저 인증", "코덱스 / AI 엔진" ], "연결선": "좌우로 향하는 청록색 화살표 3개", "참고": "개발 중에는 Plus 로그인을 사용하고, 운영 환경에서는 API로 명시적으로 설정하십시오." }, { "제목": "공식 운영 중", "위치": "중앙 중간", "노드 개수": 3, "노드": [ "게임 클라이언트", "AI 게이트웨이 백엔드 / 게이트웨이 서버", "OpenAI API / 클라우드 AI" ], "연결선": "좌우로 향하는 청록색 화살표 2개", "강조": "녹색으로 빛나는 섹션 테두리" } ] }, "bottom_center": { "panel_count": 2, "panels": [ { "title": "이벤트 로그", "position": "중앙 왼쪽 하단", "visible_log_lines_count": 3, "visible_log_lines": [ "[OK] NeuralJack UI가 실행 중입니다.", "[INFO] 지침을 기다리는 중", "[INFO] Codex 앱 서버 파일 내보내기 모드" ] }, { "title": "미리 보기 실행", "position": "중앙 오른쪽 하단", "content": "다음 권장 단계는 미리 보기 카드(큰 텍스트가 있는 어두운 미리 보기 카드)를 하단 근처에 표시하는 것입니다." } ] }, "right_panel": { "title": "명령 패널", "position": "오른쪽 열", "instruction_box": { "text": "{argument name=\"지시 텍스트\" default=\"로컬 LLM을 사용하여 개인 AI 동반자를 만들고 싶습니다.\"}", "appearance": "은은한 전송 버튼 영역이 있는 크고 어두운 텍스트 영역" }, "checkbox_count": 3, "checkboxes": [ { "label": "GPT-5.5 Enhanced", "state": "선택 해제됨" }, { "label": "카드 생성", "state": "청록색 선택됨" }, { "label": "Codex 작업 기반", "state": "선택 해제됨" } ], "quick_actions": { "title": "빠른 작업", "button_count": 6, "buttons": [ "AI 지원", "자동" } ] [ "play", "작업 생성", "NPC 대화", "음성 시연", "설정" ], "arrangement": "2행 3열, 각 버튼의 레이블 위에 아이콘" }, "recommended_commands": { "title": "권장 지침", "chip_count": 4, "chips": [ "시작 확인", "연결 테스트", "로그 확인", "현재 상태 가져오기" ] }, "chat_prompt": { "bot_icon": "청록색 원형 로봇 아이콘", "speech_bubble": "{argument name=\"채팅 말풍선 텍스트\" 기본값=\"무엇을 하시겠습니까?"}" } } }, "rendering_notes": "인터페이스를 평면 일러스트가 아닌 실제 구현된 브라우저 앱 스크린샷처럼 보이게 하세요. 선명한 일본어 텍스트, 얇은 청록색 윤곽선, 둥근 사각형, 작은 아이콘, 활성 단계 발광, 밀도 있지만 읽기 쉬운 요소를 사용하세요. 간격." }