Agent skill · design visual · nexu-io
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Tactical Telemetry mode).
Why this skill is useful
Provides specific design patterns and rules for creating a unique HTML presentation style that emphasizes a brutalist aesthetic, which the AI would not generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
HTML PPT — Tactical Telemetry / CRT Terminal A 16:9 deck for project debriefs, security reviews, infra incident write-ups, ops walkthroughs, and any "we are not selling, we are reporting" presentation. Reads like a declassified mission packet, not a pitch deck. This skill commits to ONE substrate (dark CRT) — never mix with the light Swiss-print mode in the same artifact. Source Distilled from Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing html-ppt convention (16:9 slides, vertical-stack fallback when opened directly). Hard rules Substrate: deactivated-CRT charcoal #0A0A0A / #121212. Never pure black. Foreground: white phosphor #EAEAEA. Secondary #9A9A98. Accent: ONE color — hazard red #E61919. Used on alerts, classifications, the latest data point. Never as a slide background fill. Optional: terminal green #4AF626 for ONE specific UI element across the entire deck (e.g. a single status indicator). Omit if it doesn't earn its place. Type: monospace dominates. JetBrains Mono / IBM Plex Mono for body and meta. Heavy condensed grotesque (Archivo Black / Inter Black) only for slide titles. Title scale: clamp(56px, 7vw, 96px), uppercase, tracking -0.04em, leading 0.9. Geometry: border-radius: 0. Visible 1px hairlines (#2A2A28 on charcoal). Use display: grid; gap: 1px over a hairline-colored background to render perfect cells. Scanline overlay: subtle repeating-linear-gradient at 2px / 4px cycle, opacity ≤ 0.08, applied as a fixed pointer-events-none layer. Phosphor noise: optional SVG-grain pseudo-element, opacity ≤ 0.06. Slide chrome: every slide carries top register strip — classification, slide ID, timestamp, coordinates — and a bottom bar with serial number + page. Banned border-radius above 0. Drop shadows, gradients, glassmorphism, glow. Color other than charcoal, phosphor, hazard red, and at most one terminal-green element. Sans-serif body fonts. Monospace is the body. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/html-ppt-taste-brutalist