PPT de HTML — Telemetria Tática / Terminal CRT

Um deck 16:9 para resumos de projeto, revisões de segurança, relatórios de incidentes de infraestrutura, walkthroughs de operações e qualquer apresentação do tipo "não estamos vendendo, estamos reportando". Lê como um pacote de missão desclassificado, não um pitch deck.

Esta habilidade se compromete com UM substrato (CRT escuro) — nunca misture com o modo de impressão suíça clara no mesmo artefato.

Fonte

Destilado de Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.2 (Telemetria Tática e Terminal CRT). O sistema do deck segue a convenção html-ppt existente do projeto (slides 16:9, fallback de pilha vertical ao abrir diretamente).

Regras rígidas

• Substrato: carvão de CRT desativado #0A0A0A / #121212. Nunca preto puro.
• Primeiro plano: fósforo branco #EAEAEA. Secundário #9A9A98.
• Acento: UMA cor — vermelho de perigo #E61919. Usado em alertas, classificações, o último ponto de dados. Nunca como preenchimento de fundo de slide.
• Opcional: verde de terminal #4AF626 para UM elemento de UI específico em todo o deck (por exemplo, um único indicador de status). Omita se não justificar seu lugar.
• Tipo: monospace domina. JetBrains Mono / IBM Plex Mono para corpo e metadados. Grotesco condensado pesado (Archivo Black / Inter Black) apenas para títulos de slide.
• Escala do título: clamp(56px, 7vw, 96px), maiúsculas, kerning -0.04em, entrelinhamento 0.9.
• Geometria: border-radius: 0. Linhas finas visíveis de 1px (#2A2A28 sobre carvão). Use display: grid; gap: 1px sobre um fundo de cor de linha fina para renderizar células perfeitas.
• Overlay de linha de varredura: sutil repeating-linear-gradient em ciclo 2px / 4px, opacidade ≤ 0.08, aplicado como uma camada fixa pointer-events-none.
• Ruído de fósforo: pseudo-elemento opcional de grão SVG, opacidade ≤ 0.06.
• Cromagem do slide: cada slide carrega uma faixa de registro superior — classificação, ID do slide, timestamp, coordenadas — e uma barra inferior com número de série + página.

Banido

• border-radius acima de 0.
• Sombras projetadas, gradientes, glassmorphism, brilho.
• Cores além de carvão, fósforo, vermelho de perigo e, no máximo, um elemento verde de terminal.
• Fontes de corpo sans-serif. Monospace é o corpo.
• "Encantamento" de pitch deck — emoji, ilustração, fotografia de banco de imagens, ícones amigáveis.
• Slides em modo claro em qualquer lugar no mesmo deck.
• Transições de slide além de cortes instantâneos.

Arquétipos de slide obrigatórios (10–14 no total)

1. Capa de classificação — número gigante ou indicativo à esquerda, barra de censura acima do título, coluna de metadados mono à direita.
2. Faixa de briefing — registro mono de oito células com ID da missão, datas, principais envolvidos, classificação.
3. Objetivos numerados — três a cinco teses separadas por linhas finas, cada uma com marcador >>>.
4. Grade de telemetria — display: grid; gap: 1px de células chave-valor mono; destaque vermelho na variante que quebra a tendência.
5. Registro de ameaças / riscos — tabela de linha fina com coluna de severidade em vermelho.
6. Sequência / linha do tempo — lista mono vertical, regra vertical de 2px à esquerda, marcadores de perigo em eventos críticos.
7. Diagrama / fiação — esquema de caixa e linha puro em CSS; retângulos com linhas finas, setas ASCII.
8. Espécime — caractere ou palavra mono único em escala que preenche a viewport, usado como ponto de apoio visual.
9. Alerta — bloco de listras diagonais de perigo (repeating-linear-gradient(135deg, ...)) com a frase mais importante do deck.
10. Log de auditoria — entradas mono somente anexadas com timestamp + ator + evento.
11. Colofão de encerramento — operador, sistema, build, classificação, linha de despedida.

Movimento

Esta estética é mecânica e instantânea.

• Cortes entre slides — sem fades. Opcionalmente, um flicker de 60ms (opacity: 0.85 → 1).
• Um cursor piscando na capa (▌) e um único pulso no ponto de status ativo. Nada mais se move.

Pré-voo

• Substrato é carvão, primeiro plano é fósforo, único acento é vermelho de perigo
• Todos os border-radius são 0; todos os cantos são 90°
• Slide de título inclui classificação + série + timestamp + coordenadas
• Pelo menos um módulo de telemetria display: grid; gap: 1px
• Overlay de linha de varredura aplicado como elemento fixo pointer-events-none, opacidade ≤ 0.08
• Pelo menos um bloco de alerta de listras diagonais de perigo
• Decoração de sintaxe ASCII ([ ... ], >>>, ///) aparece pelo menos quatro vezes no deck
• Dados numéricos usam tabular-nums + monospace
• Sem emojis, sem curvas, sem gradientes, sem efeitos de sombra
• Verde de terminal aparece em zero ou um elemento apenas — nunca como cor de corpo de texto