Holographic Sci-Fi Operations Dashboard

Generates a cinematic neon glassmorphism command-center dashboard mockup for futuristic SaaS, DevOps, or AI agent monitoring prototypes.

목표: {argument name="product title" default="HOLOGRAPHIC WORKBENCH"}라는 제목의 미래 지향적 운영 대시보드를 영화 같은 SF 제품 목업으로 제작합니다. 사이버펑크 커맨드 센터의 어두운 제어 데스크 위에 투명한 네온 블루 홀로그램 화면이 떠 있는 모습으로 연출하세요.

캔버스: 16:9 와이드 가로형 인터페이스 스크린샷, 다크 네이비/블랙 글래스모피즘 UI, 빛나는 시안색 테두리, 미세한 스캔라인, 작은 그리드 텍스처, 고해상도 디테일, 사실적인 GPT-image-2 스타일 렌더링, 배경의 흐릿한 서버 조명으로 깊이감을 준 심도 표현. 인터페이스는 아름다운 컨셉 렌더링 위에 구축된 클릭 가능한 프로토타입처럼 느껴져야 합니다.

헤더: 좌측 상단 브랜드 텍스트는 “PARACORTEX TERMINAL”, 그 아래 메인 타이틀 “HOLOGRAPHIC WORKBENCH”, 하위 제목은 “Situational awareness across code, agents, and infrastructure.”로 설정합니다. 상단 중앙 메타데이터는 정확히 3개의 필드를 표시합니다: Workspace “paracortex-core”, Session “pipin@paracortex.dev”, Time “09:42:17 UTC”. 우측 상단에는 “SIMULATE EVENT”라고 적힌 작은 버튼과 아주 작은 톱니바퀴, 동기화, 더하기 아이콘을 포함합니다.

좌측 내비게이션: 빛나는 수직 사이드바에 위에서부터 순서대로 Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports라고 라벨이 붙은 정확히 8개의 아이콘 내비게이션 항목을 배치합니다. 좌측 하단에는 Status “Operational”, Health “98.6%”, Uptime “170 4H 23M”이 표시된 작은 시스템 상태 패널을 포함합니다.

상단 메트릭 행: 상단에 정확히 6개의 통계 카드를 배치합니다. 카드 1: “PULSE SCORE” 값 “78”, 상태 “GOOD”, 작은 선 그래프 포함. 카드 2: “ACTIVE AGENTS” 값 “42 / 64”, 상태 “ONLINE”. 카드 3: “RUNNING JOBS” 값 “124”, 상태 “+12.4%”. 카드 4: “SYSTEM HEALTH” 값 “98.6%”, 상태 “NOMINAL”. 카드 5: “EVENTS (24H)” 값 “1,284”, 상태 “+8.7%”. 카드 6: “TRACES (24H)” 값 “4.7M”, 상태 “+23.1%”.

메인 레이아웃: 메트릭 행 아래에 정확히 5개의 큰 수직 열/카드를 생성합니다. 1열은 “NEEDS YOU” (배지 카운트 3)이며, 3개의 작업 카드 포함: 긴급한 빨간색 스타일의 “Release blocked”, 노란색 승인 스타일의 “Schema change detected”, 보라색 라이프사이클 스타일의 “PR #402 open”. 2열은 “IN MOTION” (배지 카운트 4)이며, 3개의 작업 카드 포함: 작은 x20 배지와 미세한 막대 그래프가 있는 빨간색 인시던트 “Indexer lagging”, 청록색 진행률 표시줄이 있는 “Refactor batch running”, 파란색 세션 복구 스타일의 “Reconnected”. 3열은 “CHANGED” (배지 카운트 6)이며, 3개의 작업 카드 포함: “v1.4.0 shipped”, 미니 막대 그래프가 있는 “Indexer catching up”, “Agent config updated”. 4열은 “CONDITIONS” (배지 카운트 4)이며, 3개의 작업 카드 포함: “Telemetry not monitored”, “Message bus healthy”, “Agent pool healthy”. 5열은 {argument name="selected incident" default="Indexer lagging"}에 초점을 맞춘 우측 “SELECTED CONTEXT” 상세 패널로, 빨간색 x20 배지, 빨간색 히스토그램, 타임스탬프가 있는 수직 타임라인, 영향을 받는 서비스 칩을 표시합니다.

선택된 컨텍스트 상세 정보: 우측 상세 패널에는 “Indexer lagging”, 하위 텍스트 “Since 09:25 UTC (16m)” 및 “20 repositories behind”가 포함되어야 합니다. 하단에 09:00, 09:15, 09:30, 09:45 시간대가 라벨링된 빨간색 막대 차트를 추가합니다. 타임라인에는 정확히 5개의 항목이 포함됩니다: “09:42 Lag threshold breached”, “09:37 Alert sent”, “09:36 Auto mitigation started”, “09:34 Partial recovery”, “09:26 Incident opened”. “Investigate”라고 적힌 작은 버튼을 추가합니다. 영향을 받는 서비스 칩: “paracortex-core”, “port-1”, “port-indexer”, “port-agent”, “+15 more”.

하단 활동 영역: 메인 열 아래 전체 너비에 걸쳐 “ACTIVITY TRACE” 패널을 추가하고 “Last 60 minutes”라고 라벨을 붙입니다. 다채로운 점들이 있는 가로형 시간 기반 추적과 6개의 필터 탭(“All”, “Events”, “Commits”, “Jobs”, “Agents”, “Alerts”)을 포함합니다. 이 패널 우측에는 간결한 이벤트 목록과 6개의 카테고리(Alerts, Changes, Jobs, Commits, Infra, Info)가 포함된 작은 범례를 추가합니다.

전면 제어부: 화면 앞쪽에 떠 있는 별도의 둥근 유리 상태 독(dock)을 하단 중앙에 배치합니다. 여기에는 열과 일치하는 4개의 큰 카운터가 포함됩니다: 빨간색 “Needs you 3”, 파란색 “In motion 4”, 청록색 “Changed 6”, 호박색 “Conditions 4”. 독의 중앙 하단에는 빛나는 보라-파란색 큐브 오브 엠블럼을 포함합니다.

색상 및 스타일: 네온 시안색 외곽선, 청록색 및 일렉트릭 블루 빛, 인시던트용 빨간색, 경고용 호박색, 라이프사이클/세션 항목용 보라색을 사용합니다. UI 패널은 둥근 모서리의 반투명 다크 글래스입니다. 텍스트는 작지만 대부분 읽을 수 있고, 기술적이며, 밀도 높고 세련된 느낌이어야 합니다. 데스크 위의 미세한 반사, 하단 가장자리의 작은 물리적 노브와 화면, 대기 중인 푸른 빛의 빔을 추가합니다.

제약 사항: 나열된 모든 개수를 정확히 유지하세요: 사이드바 항목 8개, 상단 메트릭 카드 6개, 메인 열 5개, 우측 선택 컨텍스트 패널을 포함하여 총 15개의 가시적인 메인 작업/상세 카드, 필터 탭 6개, 범례 카테고리 6개, 독 카운터 4개. 사람을 추가하지 마세요. 평평한 흰색 배경을 사용하지 마세요. 만화 같은 스타일을 피하고 프리미엄 SF SaaS 대시보드 프로토타입처럼 보이게 만드세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기