nexu-io/open-design/design-templates/html-ppt-taste-brutalist/SKILL.md
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).
- Source repository stars
- 82,073
- Declared platforms
- 0
- Static risk flags
- 0
- Last source update
- 2026-07-28
- Source checked
- 2026-07-28
Decision brief
What it does—and where it fits
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.
Not for
- Tasks that require unconfirmed production actions or broad system permissions.
- Environments where the pinned source and install steps cannot be inspected.
Compatibility matrix
Platform support, with evidence labels
| Platform | Status | Evidence | What to check |
|---|---|---|---|
| Codex | Not declared | No explicit evidence | Portability before use |
| Claude Code | Not declared | No explicit evidence | Portability before use |
| Cursor | Not declared | No explicit evidence | Portability before use |
| Gemini CLI | Not declared | No explicit evidence | Portability before use |
Installation
Inspect first. Install second.
The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/html-ppt-taste-brutalist"Inspect the Agent Skill "html-ppt-taste-brutalist" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/html-ppt-taste-brutalist/SKILL.md at commit 89d6d4ef21baf80f871595abdf6f7de6e941dd44. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.
Workflow
What the source asks the agent to do
- 01
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).
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 o… - 02
Hard rules
Substrate: deactivated-CRT charcoal 0A0A0A / 121212. Never pure black.
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. - 03
Banned
border-radius above 0.
border-radius above 0.Drop shadows, gradients, glassmorphism, glow.Color other than charcoal, phosphor, hazard red, and at most one terminal-green element. - 04
Required slide archetypes (10–14 total)
1. Classification cover — giant numeral or call-sign on the left, redaction bar above the title, mono meta column on the right. 2. Briefing strip — eight-cell mono register with mission ID, dates, principals, classification. 3. Numbered objectives — three to five hairline-separa…
Classification cover — giant numeral or call-sign on the left, redaction bar above the title, mono meta column on the right.Briefing strip — eight-cell mono register with mission ID, dates, principals, classification.Numbered objectives — three to five hairline-separated theses, each with marker. - 05
Motion
This aesthetic is mechanical and instant. - Cuts between slides — no fades. Optionally a 60ms flicker (opacity: 0.85 → 1). - A blinking caret on the cover (▌) and a single pulse on the live status dot. Nothing else moves.
Cuts between slides — no fades. Optionally a 60ms flicker (opacity: 0.85 → 1).A blinking caret on the cover (▌) and a single pulse on the live status dot. Nothing else moves.This aesthetic is mechanical and instant. - Cuts between slides — no fades. Optionally a 60ms flicker (opacity: 0.85 → 1). - A blinking caret on the cover (▌) and a single pulse on the live status dot. Nothing else move…
Permission review
Static risk signals and limitations
No configured static risk pattern was detected
This is not proof of safety. Runtime behavior, indirect dependencies, and hidden external systems are outside the static scan.
Evidence record
Why each signal appears
| Signal | Value | Evidence type | Meaning |
|---|---|---|---|
| Quality score | 72/100 | Computed | Documentation, specificity, maintenance, and trust rules |
| Repository stars | 82,073 | Source | Repository attention, not individual Skill quality |
| Compatibility | 0 platforms | Source | Declared in the catalog source record |
| Usage guide | automated source guide | Editorial | Generated or reviewed according to the visible evidence level |
Pinned source
Provenance and original SKILL.md
- Repository
- nexu-io/open-design
- Skill path
- design-templates/html-ppt-taste-brutalist/SKILL.md
- Commit
- 89d6d4ef21baf80f871595abdf6f7de6e941dd44
- License
- Apache-2.0
- Collected
- 2026-07-28
- Default branch
- main
View the original SKILL.md
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
#4AF626for 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, leading0.9. - Geometry:
border-radius: 0. Visible 1px hairlines (#2A2A28on charcoal). Usedisplay: grid; gap: 1pxover a hairline-colored background to render perfect cells. - Scanline overlay: subtle
repeating-linear-gradientat2px / 4pxcycle, 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-radiusabove 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.
- Pitch-deck "delight" — emoji, illustration, stock photography, friendly icons.
- Light-mode slides anywhere in the same deck.
- Slide transitions other than instant cuts.
Required slide archetypes (10–14 total)
- Classification cover — giant numeral or call-sign on the left, redaction bar above the title, mono meta column on the right.
- Briefing strip — eight-cell mono register with mission ID, dates, principals, classification.
- Numbered objectives — three to five hairline-separated theses, each with
>>>marker. - Telemetry grid —
display: grid; gap: 1pxof mono key-value cells; red highlight on the variant that breaks the trend. - Threat / risk register — hairline table with severity column in red.
- Sequence / timeline — vertical mono list, 2-px vertical rule on the left, hazard markers on critical events.
- Diagram / wiring — pure-CSS box-and-line schematic; rectangles with hairlines, ASCII arrows.
- Specimen — single mono character or word at viewport-bleeding scale, used as a visual fulcrum.
- Alert — diagonal hazard-stripe block (
repeating-linear-gradient(135deg, ...)) with the most important sentence in the deck. - Audit log — append-only mono entries with timestamp + actor + event.
- Closing colophon — operator, system, build, classification, sign-off line.
Motion
This aesthetic is mechanical and instant.
- Cuts between slides — no fades. Optionally a 60ms flicker (
opacity: 0.85 → 1). - A blinking caret on the cover (
▌) and a single pulse on the live status dot. Nothing else moves.
Pre-flight
- Substrate is charcoal, foreground is phosphor, only accent is hazard red
- All
border-radiusis 0; all corners are 90° - Title slide includes classification + serial + timestamp + coordinates
- At least one
display: grid; gap: 1pxtelemetry module - Scanline overlay applied as fixed pointer-events-none element, opacity ≤ 0.08
- At least one diagonal hazard-stripe alert block
- ASCII syntax decoration (
[ ... ],>>>,///) appears at least four times across the deck - Numeric data uses tabular-nums + monospace
- No emojis, no curves, no gradients, no shadow effects
- Terminal green appears on zero or one element only — never as text body color