Holographic Sci-Fi Operations Dashboard
Generates a cinematic neon glassmorphism command-center dashboard mockup for futuristic SaaS, DevOps, or AI agent monitoring prototypes.
visualizações39
curtidas0
comentários2
compartilhamentos0
salvos0
citações0
Traduzido
Objetivo: Criar um mockup de produto sci-fi cinematográfico de um painel de operações futurista intitulado {argument name="product title" default="HOLOGRAPHIC WORKBENCH"}, flutuando como uma tela holográfica azul neon transparente acima de uma mesa de controle escura em um centro de comando cyberpunk.
Canvas: Captura de tela de interface em paisagem 16:9, UI em glassmorphism azul-marinho/preto, bordas ciano brilhantes, linhas de varredura sutis, textura de grade fina, alto detalhe, renderização realista estilo GPT-image-2, profundidade de campo rasa com luzes de servidor desfocadas ao fundo. A interface deve parecer um protótipo clicável construído sobre uma bela renderização conceitual.
Cabeçalho: O texto da marca no canto superior esquerdo diz “PARACORTEX TERMINAL” acima do título principal “HOLOGRAPHIC WORKBENCH” com o subtítulo “Consciência situacional em códigos, agentes e infraestrutura.” Os metadados no centro superior mostram exatamente 3 campos: Workspace “paracortex-core”, Session “pipin@paracortex.dev”, Time “09:42:17 UTC”. O canto superior direito inclui um pequeno botão rotulado “SIMULATE EVENT” além de ícones minúsculos de engrenagem, sincronização e mais.
Navegação esquerda: Uma barra lateral vertical brilhante com exatamente 8 itens de navegação com ícones, rotulados de cima para baixo: Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports. No canto inferior esquerdo, inclua um pequeno painel de status do sistema com Status “Operational”, Health “98.6%” e Uptime “170 4H 23M”.
Linha de métricas superior: Mostre exatamente 6 cartões de estatísticas no topo. Cartão 1: “PULSE SCORE” valor “78” status “GOOD” com um pequeno gráfico de linhas. Cartão 2: “ACTIVE AGENTS” valor “42 / 64” status “ONLINE”. Cartão 3: “RUNNING JOBS” valor “124” status “+12.4%”. Cartão 4: “SYSTEM HEALTH” valor “98.6%” status “NOMINAL”. Cartão 5: “EVENTS (24H)” valor “1,284” status “+8.7%”. Cartão 6: “TRACES (24H)” valor “4.7M” status “+23.1%”.
Layout principal: Abaixo da linha de métricas, crie exatamente 5 colunas/cartões verticais grandes. A coluna 1 é “NEEDS YOU” com contagem de emblema 3 e exatamente 3 cartões de tarefa: “Release blocked” com estilo vermelho urgente, “Schema change detected” com estilo de aprovação amarelo e “PR #402 open” com estilo de ciclo de vida roxo. A coluna 2 é “IN MOTION” com contagem de emblema 4 e exatamente 3 cartões de tarefa visíveis: “Indexer lagging” como um incidente vermelho com um pequeno emblema x20 e gráfico de barras minúsculo, “Refactor batch running” com barra de progresso azul-petróleo e “Reconnected” com estilo de sessão recuperada azul. A coluna 3 é “CHANGED” com contagem de emblema 6 e exatamente 3 cartões de tarefa: “v1.4.0 shipped”, “Indexer catching up” com mini gráfico de barras e “Agent config updated”. A coluna 4 é “CONDITIONS” com contagem de emblema 4 e exatamente 3 cartões de tarefa: “Telemetry not monitored”, “Message bus healthy” e “Agent pool healthy”. A coluna 5 é um painel de detalhes lateral direito “SELECTED CONTEXT” focado em {argument name="selected incident" default="Indexer lagging"}, mostrando um emblema vermelho x20, um histograma vermelho, uma linha do tempo vertical com carimbos de data/hora e chips de serviços afetados.
Detalhes do contexto selecionado: O painel de detalhes direito deve incluir o título “Indexer lagging”, subtexto “Desde 09:25 UTC (16m)” e “20 repositórios atrás”. Adicione um gráfico de barras vermelho rotulado ao longo da parte inferior com horários por volta de 09:00, 09:15, 09:30, 09:45. A linha do tempo contém exatamente 5 entradas: “09:42 Limite de atraso atingido”, “09:37 Alerta enviado”, “09:36 Mitigação automática iniciada”, “09:34 Recuperação parcial” e “09:26 Incidente aberto”. Adicione um pequeno botão rotulado “Investigate”. Chips de serviços afetados: “paracortex-core”, “port-1”, “port-indexer”, “port-agent”, “+15 mais”.
Área de atividade inferior: Adicione um painel “ACTIVITY TRACE” abrangendo a largura abaixo das colunas principais, rotulado “Últimos 60 minutos”. Inclua um rastreamento horizontal baseado em tempo com pontos multicoloridos, exatamente 6 abas de filtro: “All”, “Events”, “Commits”, “Jobs”, “Agents”, “Alerts”. À direita deste painel, inclua uma lista de eventos compacta e uma pequena legenda com exatamente 6 categorias: Alerts, Changes, Jobs, Commits, Infra, Info.
Controles em primeiro plano: No centro inferior, coloque um dock de status de vidro arredondado separado flutuando na frente da tela. Ele contém exatamente 4 contadores grandes correspondentes às colunas: “Needs you 3” em vermelho, “In motion 4” em azul, “Changed 6” em azul-petróleo e “Conditions 4” em âmbar. No centro inferior do dock, inclua um emblema de orbe cúbico roxo-azulado brilhante.
Cor e estilo: Use contornos ciano neon, brilho azul-petróleo e azul elétrico, vermelho para incidentes, âmbar para avisos, roxo para itens de ciclo de vida/sessão. Os painéis da UI são de vidro escuro translúcido com cantos arredondados. O texto é pequeno, mas legível, técnico, denso e polido. Adicione reflexos sutis na mesa, pequenos botões físicos e telas na borda inferior e feixes de luz azul atmosféricos.
Restrições: Mantenha todas as contagens listadas exatas: 8 itens na barra lateral, 6 cartões de métricas superiores, 5 colunas principais, 15 cartões totais de tarefa/detalhe visíveis contando o painel de contexto selecionado à direita, 6 abas de filtro, 6 categorias de legenda e 4 contadores no dock. Não adicione pessoas. Não use um fundo branco plano. Evite estilo de desenho animado; faça parecer um protótipo de painel SaaS sci-fi premium.
Tradução automática — o prompt original é o que gerou este resultado.
