{"id":"5962bed3-cb6a-4a0c-89b7-4440cad7beee","shortId":"UjG4f7","kind":"skill","title":"html-ppt-taste-brutalist","tagline":"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).","description":"# HTML PPT — Tactical Telemetry / CRT Terminal\n\nA 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.\n\nThis skill commits to ONE substrate (dark CRT) — never mix with the light Swiss-print mode in the same artifact.\n\n## Source\n\nDistilled from [Leonxlnx/taste-skill](https://github.com/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).\n\n## Hard rules\n\n- **Substrate:** deactivated-CRT charcoal `#0A0A0A` / `#121212`. Never pure black.\n- **Foreground:** white phosphor `#EAEAEA`. Secondary `#9A9A98`.\n- **Accent:** ONE color — hazard red `#E61919`. Used on alerts, classifications, the latest data point. Never as a slide background fill.\n- **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.\n- **Type:** monospace dominates. JetBrains Mono / IBM Plex Mono for body and meta. Heavy condensed grotesque (Archivo Black / Inter Black) only for slide titles.\n- **Title scale:** `clamp(56px, 7vw, 96px)`, uppercase, tracking `-0.04em`, leading `0.9`.\n- **Geometry:** `border-radius: 0`. Visible 1px hairlines (`#2A2A28` on charcoal). Use `display: grid; gap: 1px` over a hairline-colored background to render perfect cells.\n- **Scanline overlay:** subtle `repeating-linear-gradient` at `2px / 4px` cycle, opacity ≤ `0.08`, applied as a fixed pointer-events-none layer.\n- **Phosphor noise:** optional SVG-grain pseudo-element, opacity ≤ `0.06`.\n- **Slide chrome:** every slide carries top register strip — classification, slide ID, timestamp, coordinates — and a bottom bar with serial number + page.\n\n## Banned\n\n- `border-radius` above 0.\n- Drop shadows, gradients, glassmorphism, glow.\n- Color other than charcoal, phosphor, hazard red, and at most one terminal-green element.\n- Sans-serif body fonts. Monospace is the body.\n- Pitch-deck \"delight\" — emoji, illustration, stock photography, friendly icons.\n- Light-mode slides anywhere in the same deck.\n- Slide transitions other than instant cuts.\n\n## Required slide archetypes (10–14 total)\n\n1. **Classification cover** — giant numeral or call-sign on the left, redaction bar above the title, mono meta column on the right.\n2. **Briefing strip** — eight-cell mono register with mission ID, dates, principals, classification.\n3. **Numbered objectives** — three to five hairline-separated theses, each with `>>>` marker.\n4. **Telemetry grid** — `display: grid; gap: 1px` of mono key-value cells; red highlight on the variant that breaks the trend.\n5. **Threat / risk register** — hairline table with severity column in red.\n6. **Sequence / timeline** — vertical mono list, 2-px vertical rule on the left, hazard markers on critical events.\n7. **Diagram / wiring** — pure-CSS box-and-line schematic; rectangles with hairlines, ASCII arrows.\n8. **Specimen** — single mono character or word at viewport-bleeding scale, used as a visual fulcrum.\n9. **Alert** — diagonal hazard-stripe block (`repeating-linear-gradient(135deg, ...)`) with the most important sentence in the deck.\n10. **Audit log** — append-only mono entries with timestamp + actor + event.\n11. **Closing colophon** — operator, system, build, classification, sign-off line.\n\n## Motion\n\nThis aesthetic is mechanical and instant.\n- Cuts between slides — no fades. Optionally a 60ms flicker (`opacity: 0.85 → 1`).\n- A blinking caret on the cover (`▌`) and a single pulse on the live status dot. Nothing else moves.\n\n## Pre-flight\n\n- [ ] Substrate is charcoal, foreground is phosphor, only accent is hazard red\n- [ ] All `border-radius` is 0; all corners are 90°\n- [ ] Title slide includes classification + serial + timestamp + coordinates\n- [ ] At least one `display: grid; gap: 1px` telemetry module\n- [ ] Scanline overlay applied as fixed pointer-events-none element, opacity ≤ 0.08\n- [ ] At least one diagonal hazard-stripe alert block\n- [ ] ASCII syntax decoration (`[ ... ]`, `>>>`, `///`) appears at least four times across the deck\n- [ ] Numeric data uses tabular-nums + monospace\n- [ ] No emojis, no curves, no gradients, no shadow effects\n- [ ] Terminal green appears on zero or one element only — never as text body color","tags":["html","ppt","taste","brutalist","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-taste-brutalist","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/html-ppt-taste-brutalist","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (4,478 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:21.276Z","embedding":null,"createdAt":"2026-05-03T12:52:12.982Z","updatedAt":"2026-05-11T06:52:21.276Z","lastSeenAt":"2026-05-11T06:52:21.276Z","tsv":"'-0.04':239 '/leonxlnx/taste-skill)':116 '0':247,328,622 '0.06':301 '0.08':281,654 '0.85':583 '0.9':242 '0a0a0a':151 '1':389,584 '10':386,543 '11':555 '121212':152 '135deg':534 '14':387 '16':6,54,134 '1px':249,258,445,640 '2':412,478 '2.2':118 '2a2a28':251 '2px':277 '3':426 '4':439 '4af626':185 '4px':278 '5':461 '56px':234 '6':472 '60ms':580 '7':490 '7vw':235 '8':506 '9':7,55,135,523 '90':626 '96px':236 '9a9a98':161 'accent':30,162,613 'across':191,672 'actor':553 'aesthet':568 'alert':170,524,662 'anywher':372 'appear':667,693 'append':547 'append-on':546 'appli':282,645 'archetyp':385 'archivo':223 'arrow':505 'artifact':109 'ascii':33,504,664 'audit':544 'background':180,264 'ban':323 'bar':318,402 'black':155,224,226 'bleed':516 'blink':586 'block':529,663 'bodi':217,352,357,703 'border':245,325,619 'border-radius':244,324,618 'bottom':317 'box':497 'box-and-lin':496 'break':458 'brief':413 'brutalist':5,42 'brutalist-skil':41 'build':560 'call':396 'call-sign':395 'caret':587 'carri':306 'cell':268,417,451 'charact':510 'charcoal':21,150,253,337,608 'chrome':303 'clamp':233 'classif':171,310,390,425,561,630 'close':556 'colophon':557 'color':164,263,334,704 'column':408,469 'commit':91 'condens':221 'convent':133 'coordin':314,633 'corner':624 'cover':391,590 'critic':488 'crt':15,20,51,96,121,149 'crt-termin':14 'css':495 'curv':685 'cut':382,573 'cycl':279 'dark':95 'data':174,676 'date':423 'deactiv':19,148 'deactivated-crt':18,147 'debrief':59 'deck':9,56,88,123,194,360,376,542,674 'declassifi':82 'decor':37,666 'delight':361 'densiti':35 'diagon':525,658 'diagram':491 'direct':143 'display':255,442,637 'distil':38,111 'doesn':203 'domin':210 'dot':599 'drop':329 'e.g':195 'e61919':167 'eaeaea':159 'earn':205 'effect':690 'eight':416 'eight-cel':415 'element':190,299,348,652,698 'els':601 'em':240 'emoji':362,683 'entir':193 'entri':550 'event':288,489,554,650 'everi':304 'exist':129 'fade':577 'fallback':140 'fill':181 'five':431 'fix':285,647 'flicker':581 'flight':605 'follow':125 'font':353 'foreground':156,609 'four':670 'friend':366 'fulcrum':522 'gap':257,444,639 'geometri':243 'giant':392 'github.com':115 'github.com/leonxlnx/taste-skill)':114 'glassmorph':332 'glow':333 'gradient':275,331,533,687 'grain':296 'green':184,347,692 'grid':256,441,443,638 'grotesqu':222 'hairlin':250,262,433,465,503 'hairline-color':261 'hairline-separ':432 'hard':144 'hazard':28,165,339,485,527,615,660 'hazard-r':27 'hazard-strip':526,659 'heavi':220 'highlight':453 'html':2,8,47,131 'html-ppt':130 'html-ppt-taste-brutalist':1 'ibm':213 'icon':367 'id':312,422 'illustr':363 'import':538 'incid':63 'includ':629 'indic':199 'infra':62 'instant':381,572 'inter':225 'jetbrain':211 'key':449 'key-valu':448 'latest':173 'layer':290 'lead':241 'least':635,656,669 'left':400,484 'leonxlnx/taste-skill':40,113 'light':101,369 'light-mod':368 'like':80 'line':499,565 'linear':274,532 'list':477 'live':597 'log':545 'marker':438,486 'mechan':570 'meta':219,407 'mission':83,421 'mix':98 'mode':46,105,370 'modul':642 'mono':212,215,406,418,447,476,509,549 'monospac':26,209,354,681 'motion':566 'move':602 'never':97,153,176,700 'nois':292 'none':289,651 'noth':600 'num':680 'number':321,427 'numer':393,675 'object':428 'omit':200 'one':93,163,187,344,636,657,697 'op':67 'opac':280,300,582,653 'open':142 'oper':558 'option':182,293,578 'overlay':32,270,644 'packet':84 'page':322 'perfect':267 'phosphor':25,158,291,338,611 'photographi':365 'pitch':87,359 'pitch-deck':358 'place':207 'plex':214 'point':175 'pointer':287,649 'pointer-events-non':286,648 'ppt':3,48,132 'pre':604 'pre-flight':603 'present':78 'princip':424 'print':104 'project':58,127 'pseudo':298 'pseudo-el':297 'puls':594 'pure':154,494 'pure-css':493 'px':479 'radius':246,326,620 'read':79 'rectangl':501 'red':29,166,340,452,471,616 'redact':401 'regist':308,419,464 'render':266 'repeat':273,531 'repeating-linear-gradi':272,530 'report':77 'requir':383 'review':61 'right':411 'risk':463 'rule':145,481 'san':350 'sans-serif':349 'scale':232,517 'scanlin':31,269,643 'schemat':500 'secondari':160 'secur':60 'sell':74 'sentenc':539 'separ':434 'sequenc':473 'serial':320,631 'serif':351 'sever':468 'shadow':330,689 'sign':397,563 'sign-off':562 'singl':197,508,593 'skill':43,90 'skill-html-ppt-taste-brutalist' 'skills/brutalist-skill/skill.md':117 'slide':22,136,179,229,302,305,311,371,377,384,575,628 'sourc':110 'source-nexu-io' 'specif':188 'specimen':507 'stack':139 'status':198,598 'stock':364 'strip':309,414 'stripe':528,661 'substrat':94,146,606 'subtl':271 'svg':295 'svg-grain':294 'swiss':103 'swiss-print':102 'syntax':34,665 'system':124,559 'tabl':466 'tabular':679 'tabular-num':678 'tactic':12,44,49,119 'tactical-telemetri':11 'tast':4,17 'telemetri':13,45,50,120,440,641 'termin':16,52,122,183,346,691 'terminal-green':345 'text':702 'these':435 'threat':462 'three':429 'time':671 'timelin':474 'timestamp':313,552,632 'titl':230,231,405,627 'top':307 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'total':388 'track':238 'transit':378 'trend':460 'type':208 'ui':189 'up':66 'uppercas':237 'use':168,254,518,677 'valu':450 'variant':456 'vertic':138,475,480 'vertical-stack':137 'viewport':515 'viewport-bleed':514 'visibl':248 'visual':521 'walkthrough':68 'white':24,157 'white-phosphor':23 'wire':492 'word':512 'write':65 'write-up':64 'zero':695","prices":[{"id":"721a8609-40a2-420f-8bde-fee359bdaa2f","listingId":"5962bed3-cb6a-4a0c-89b7-4440cad7beee","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-03T12:52:12.982Z"}],"sources":[{"listingId":"5962bed3-cb6a-4a0c-89b7-4440cad7beee","source":"github","sourceId":"nexu-io/open-design/html-ppt-taste-brutalist","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-taste-brutalist","isPrimary":false,"firstSeenAt":"2026-05-03T12:52:12.982Z","lastSeenAt":"2026-05-11T06:52:21.276Z"},{"listingId":"5962bed3-cb6a-4a0c-89b7-4440cad7beee","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-taste-brutalist","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-taste-brutalist","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:54.678Z","lastSeenAt":"2026-05-07T22:42:28.344Z"}],"details":{"listingId":"5962bed3-cb6a-4a0c-89b7-4440cad7beee","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-taste-brutalist","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"f06522bfff8513202511932281f5d59d2b84c832","skill_md_path":"skills/html-ppt-taste-brutalist/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-taste-brutalist"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-taste-brutalist","description":"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)."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-taste-brutalist"},"updatedAt":"2026-05-11T06:52:21.276Z"}}