{"id":"932a83a6-3aa2-43be-9edd-f3c5cf958a6b","shortId":"4fbR9u","kind":"skill","title":"html-ppt-taste-editorial","tagline":"16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`.","description":"# HTML PPT — Editorial Minimalism\n\nA 16:9 deck for the briefs that hate neon: investor updates, design reviews, internal manifestos, lecture decks. Reads like a print supplement, not a SaaS landing.\n\n## Source\n\nDistilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the existing project convention from `skills/html-ppt-pitch-deck/example.html` (each `.slide` is a `100vw × 100vh` section; opened directly, slides stack vertically). See `example.html` in this directory.\n\n## Hard rules\n\n- **Substrate:** warm off-white `#FBFBFA` / `#F7F6F3`. Foreground off-black `#1A1A19`. Never pure white or pure black.\n- **Type pairing:** display in **serif** (Instrument Serif / Newsreader / Lyon), body in **grotesque** (Inter Tight / Switzer), meta in **mono** (JetBrains Mono).\n- **Display scale per slide:** title `clamp(56px, 6.5vw, 96px)` italic-capable serif, line-height `1.05`, tracking `-0.025em`.\n- **Hairline only:** `1px solid #EAEAEA` — borders, dividers, table cells. No drop shadows.\n- **One accent color** chosen from the muted-pastel pairs (e.g. sage `#346538` on `#EDF3EC`, or red `#9F2F2D` on `#FDEBEC`). Used sparingly — eyebrow dot, chart fill, call-out chip. Never as a slide background.\n- **Slide padding:** generous (`72px 96px` minimum). Title at most 14ch wide.\n- **Eyebrow:** every slide opens with a mono uppercase eyebrow `letter-spacing: 0.18em` and a section number `01 / 09`.\n- **Page numbers:** mono, bottom-right corner.\n\n## Banned\n\n- Inter (use Inter *Tight* if you must, but prefer Switzer / SF Pro). No Roboto, Open Sans.\n- Heavy drop shadows. Glow. Gradient text.\n- 3-equal-card feature rows. Use uneven hairline-divided columns instead.\n- Emojis in text or as bullet markers — use `—` or no marker.\n- Full-bleed photography on every slide. Use one or two image slides; reserve them.\n- AI-cliché copy (\"Elevate\", \"Unleash\", \"Seamless\", \"Next-Gen\").\n- Slide transitions noisier than fade-in.\n\n## Required slide archetypes (10–12 total recommended)\n\n1. **Cover** — serif title, italic mid-sentence accent, mono meta footer.\n2. **Eyebrow + thesis** — single sentence of body lede on the left; mono numbered TOC on the right.\n3. **Numbered manifesto** — three or four hairline-separated theses.\n4. **Bento data slide** — uneven 6-col grid with hairline gaps; one stat in serif, supporting in mono.\n5. **Quote / pull-out** — single sentence at large serif, attribution mono, hairline above and below.\n6. **Comparison** — two columns separated by a vertical hairline; \"Doesn't / Does\" or \"Before / After\".\n7. **Table or index** — `display: grid; gap: 1px` on hairline color.\n8. **Chart or breakdown** — flat horizontal bar chart with mono labels, accent fill only on the latest bar.\n9. **Team / colophon** — mono key-value list, no avatars.\n10. **Closing** — serif final line italic; CTA as ghost button; signature in mono.\n\n## Motion\n\n- Static-preview fallback: keep every slide visible (already wired by the deck base). When run as a real deck, fade-in at `400ms cubic-bezier(0.16, 1, 0.3, 1)` is plenty.\n- No translate, no blur, no auto-advance.\n\n## Pre-flight\n\n- [ ] Substrate is warm off-white; foreground is off-black; never pure black/white\n- [ ] Serif used on titles, grotesque on body, mono on meta — three families, three jobs\n- [ ] One accent color, used at most three times in the whole deck\n- [ ] Every slide has eyebrow + section number + page number\n- [ ] At least one hairline-grid table or comparison module\n- [ ] No drop shadows, no gradients, no emojis, no banned fonts","tags":["html","ppt","taste","editorial","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-taste-editorial","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-editorial","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 (3,595 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.367Z","embedding":null,"createdAt":"2026-05-03T12:52:13.056Z","updatedAt":"2026-05-11T06:52:21.367Z","lastSeenAt":"2026-05-11T06:52:21.367Z","tsv":"'-0.025':163 '/leonxlnx/taste-skill)':75 '0.16':505 '0.18':235 '0.3':507 '01':241 '09':242 '1':336,506,508 '1.05':161 '10':332,463 '100vh':92 '100vw':91 '12':333 '14ch':221 '16':6,43 '1a1a19':117 '1px':167,431 '2':348 '3':273,365 '346538':189 '4':375 '400ms':501 '5':393 '56px':150 '6':380,409 '6.5':151 '7':424 '72px':215 '8':435 '9':7,44,453 '96px':153,216 '9f2f2d':194 'accent':31,178,344,446,551 'advanc':518 'ai':313 'ai-cliché':312 'alreadi':485 'archetyp':331 'attribut':403 'auto':517 'auto-adv':516 'avatar':462 'background':211 'ban':250,588 'bar':441,452 'base':490 'bento':376 'bezier':504 'black':116,123,532 'black/white':535 'bleed':299 'blur':514 'bodi':21,133,354,542 'border':170 'bottom':247 'bottom-right':246 'breakdown':438 'brief':48 'bullet':291 'button':472 'call':204 'call-out':203 'capabl':156 'card':276 'cell':173 'chart':201,436,442 'chip':206 'chosen':180 'clamp':149 'cliché':314 'close':464 'col':381 'colophon':455 'color':179,434,552 'column':284,412 'comparison':410,578 'convent':84 'copi':315 'corner':249 'cover':337 'cream':16 'cta':469 'cubic':503 'cubic-bezi':502 'data':377 'deck':9,45,59,78,489,496,561 'design':54 'direct':95 'directori':103 'display':19,126,144,428 'distil':32,70 'divid':171,283 'doesn':418 'dot':200 'drop':175,268,581 'e.g':187 'eaeaea':169 'edf3ec':191 'editori':5,12,40 'editorial-minimalist':11 'elev':316 'em':164,236 'emoji':286,586 'equal':275 'equal-card':274 'everi':224,302,482,562 'example.html':100 'exist':82 'eyebrow':199,223,231,349,565 'f7f6f3':112 'fade':327,498 'fade-in':326,497 'fallback':480 'famili':547 'fbfbfa':111 'fdebec':196 'featur':277 'fill':202,447 'final':466 'flat':439 'flight':521 'follow':80 'font':589 'footer':347 'foreground':113,528 'four':370 'full':298 'full-ble':297 'gap':385,430 'gen':321 'generous':26,214 'ghost':471 'github.com':74 'github.com/leonxlnx/taste-skill)':73 'glow':270 'gradient':271,584 'grid':382,429,575 'grotesqu':20,135,540 'hairlin':22,165,282,372,384,405,417,433,574 'hairline-divid':281 'hairline-grid':573 'hairline-separ':371 'hard':104 'hate':50 'heavi':267 'height':160 'horizont':440 'html':2,8,38 'html-ppt-taste-editori':1 'imag':308 'index':427 'instead':285 'instrument':129 'inter':136,251,253 'intern':56 'investor':52 'ital':155,340,468 'italic-cap':154 'jetbrain':142 'job':549 'keep':481 'key':458 'key-valu':457 'label':445 'land':68 'larg':401 'latest':451 'least':571 'lectur':58 'lede':355 'left':358 'leonxlnx/taste-skill':34,72 'letter':233 'letter-spac':232 'like':61 'line':159,467 'line-height':158 'list':460 'lyon':132 'macro':28 'macro-whitespac':27 'manifesto':57,367 'marker':292,296 'meta':25,139,346,545 'mid':342 'mid-sent':341 'minim':41 'minimalist':13,36 'minimalist-skil':35 'minimum':217 'modul':579 'mono':141,143,229,245,345,359,392,404,444,456,475,543 'monospac':24 'motion':476 'must':257 'mute':184 'muted-pastel':183 'neon':51 'never':118,207,533 'newsread':131 'next':320 'next-gen':319 'noisier':324 'number':240,244,360,366,567,569 'off-black':114,530 'off-whit':108,525 'one':30,177,305,386,550,572 'open':94,226,265 'pad':213 'page':243,568 'pair':125,186 'pastel':185 'per':146 'photographi':300 'plenti':510 'ppt':3,39 'pre':520 'pre-flight':519 'prefer':259 'preview':479 'print':63 'pro':262 'project':83 'pull':396 'pull-out':395 'pure':119,122,534 'quot':394 'read':60 'real':495 'recommend':335 'red':193 'requir':329 'reserv':310 'review':55 'right':248,364 'roboto':264 'row':278 'rule':23,105 'run':492 'saa':67 'sage':188 'san':266 'scale':145 'seamless':318 'section':93,239,566 'see':99 'sentenc':343,352,399 'separ':373,413 'serif':18,128,130,157,338,389,402,465,536 'sf':261 'shadow':176,269,582 'signatur':473 'singl':351,398 'skill':37 'skill-html-ppt-taste-editorial' 'skills/html-ppt-pitch-deck/example.html':86 'skills/minimalist-skill/skill.md':76 'slide':17,88,96,147,210,212,225,303,309,322,330,378,483,563 'solid':168 'sourc':69 'source-nexu-io' 'space':234 'spare':198 'stack':97 'stat':387 'static':478 'static-preview':477 'substrat':106,522 'supplement':64 'support':390 'switzer':138,260 'system':79 'tabl':172,425,576 'tast':4,14 'team':454 'text':272,288 'these':374 'thesi':350 'three':368,546,548,556 'tight':137,254 'time':557 'titl':148,218,339,539 'toc':361 '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':334 'track':162 'transit':323 'translat':512 'two':307,411 'type':124 'uneven':280,379 'unleash':317 'updat':53 'uppercas':230 'use':197,252,279,293,304,537,553 'valu':459 'vertic':98,416 'visibl':484 'vw':152 'warm':15,107,524 'white':110,120,527 'whitespac':29 'whole':560 'wide':222 'wire':486","prices":[{"id":"ceb05b6e-b2a8-42b0-b65b-3fc88a7b1d2a","listingId":"932a83a6-3aa2-43be-9edd-f3c5cf958a6b","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:13.056Z"}],"sources":[{"listingId":"932a83a6-3aa2-43be-9edd-f3c5cf958a6b","source":"github","sourceId":"nexu-io/open-design/html-ppt-taste-editorial","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-taste-editorial","isPrimary":false,"firstSeenAt":"2026-05-03T12:52:13.056Z","lastSeenAt":"2026-05-11T06:52:21.367Z"},{"listingId":"932a83a6-3aa2-43be-9edd-f3c5cf958a6b","source":"skills_sh","sourceId":"nexu-io/open-design/html-ppt-taste-editorial","sourceUrl":"https://skills.sh/nexu-io/open-design/html-ppt-taste-editorial","isPrimary":true,"firstSeenAt":"2026-05-07T20:43:52.323Z","lastSeenAt":"2026-05-07T22:42:27.456Z"}],"details":{"listingId":"932a83a6-3aa2-43be-9edd-f3c5cf958a6b","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-taste-editorial","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":"3892dc982eee66f341b6ac5eacfa5eca978be76a","skill_md_path":"skills/html-ppt-taste-editorial/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-taste-editorial"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-taste-editorial","description":"16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-taste-editorial"},"updatedAt":"2026-05-11T06:52:21.367Z"}}