nexu-io/open-design

html-ppt-taste-editorial

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`.

69Collecting
See how to use itView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/html-ppt-taste-editorial"
Automated source guideContent productionDeep source

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Reorganized from the pinned upstream SKILL.md

Source-grounded content guide: html-ppt-taste-editorial

A 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.

npx skills add https://github.com/nexu-io/open-design --skill "design-templates/html-ppt-taste-editorial"
Check the pinned source

The pinned source contains enough sections and task detail for a source-grounded deep guide; automated content is still not an independent test.

571 source words · 6 usable sections

Content workflow

Read html-ppt-taste-editorial through these 5 source sections

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

Source

Distilled from Leonxlnx/taste-skill — skills/minimalist-skill/SKILL.md. The deck system follows the project deck convention: each .slide is a 100vw × 100vh section, the active slide carries .active / .is-active, and the baked example owns keyboard, wheel, touch, and dot navigati…

SKILL.md · Source
Distilled from Leonxlnx/taste-skill — skills/minimalist-skill/SKILL.md. The deck system follows the project deck convention: each .slide is a 100vw × 100vh section, the active slide carries .active / .is-active, and the…
02

Hard rules

Substrate: warm off-white FBFBFA / F7F6F3. Foreground off-black 1A1A19. Never pure white or pure black.

SKILL.md · Hard rules
Substrate: warm off-white FBFBFA / F7F6F3. Foreground off-black 1A1A19. Never pure white or pure black.Type pairing: display in serif (Instrument Serif / Newsreader / Lyon), body in grotesque (Inter Tight / Switzer), meta in mono (JetBrains Mono).Display scale per slide: title clamp(56px, 6.5vw, 96px) italic-capable serif, line-height 1.05, tracking -0.025em.
03

Banned

Inter (use Inter Tight if you must, but prefer Switzer / SF Pro). No Roboto, Open Sans.

SKILL.md · Banned
Inter (use Inter Tight if you must, but prefer Switzer / SF Pro). No Roboto, Open Sans.Heavy drop shadows. Glow. Gradient text.3-equal-card feature rows. Use uneven hairline-divided columns instead.
04

Required slide archetypes (10–12 total recommended)

1. Cover — serif title, italic mid-sentence accent, mono meta footer. 2. Eyebrow + thesis — single sentence of body lede on the left; mono numbered TOC on the right. 3. Numbered manifesto — three or four hairline-separated theses. 4. Bento data slide — uneven 6-col grid with hai…

SKILL.md · Required slide archetypes (10–12 total recommended)
Cover — serif title, italic mid-sentence accent, mono meta footer.Eyebrow + thesis — single sentence of body lede on the left; mono numbered TOC on the right.Numbered manifesto — three or four hairline-separated theses.
05

Motion

Runtime navigation: keyboard, wheel / trackpad, touch swipe, and dot buttons must all update the same active slide state. Keep the fade at roughly 400ms cubic-bezier(0.16, 1, 0.3, 1).

SKILL.md · Motion
Runtime navigation: keyboard, wheel / trackpad, touch swipe, and dot buttons must all update the same active slide state. Keep the fade at roughly 400ms cubic-bezier(0.16, 1, 0.3, 1).Static / print fallback: keep every slide visible when the runtime has not booted or the document is printed.No translate, no blur, no auto-advance.

SkillSignal prompt templates

Provide the task, context, and acceptance criteria

These prompts were written by SkillSignal from the source structure; they are not upstream text.

Source-grounded prompt

Use for a content task while explicitly checking the source sections.

Use html-ppt-taste-editorial for this content task: [task]. Inputs and constraints: [details]. Work through these pinned SKILL.md sections: “Source”, “Hard rules”, “Banned”, “Required slide archetypes (10–12 total recommended)”, “Motion”. Cite the concrete requirements that shape each step, do not invent capabilities absent from the source, and verify the result against: [acceptance criteria].

Content checklist

Verify each item before delivery

The source section “Source” has been checked.

The source section “Hard rules” has been checked.

The source section “Banned” has been checked.

The source section “Required slide archetypes (10–12 total recommended)” has been checked.

Choose a different workflow

When another Skill is the better fit

FAQ

What does the html-ppt-taste-editorial source document cover?

A 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.

How do I install html-ppt-taste-editorial?

The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "design-templates/html-ppt-taste-editorial". Inspect the command and pinned source before running it.

Repository stars
82,073
Repository forks
9,485
Quality
69/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

69/100
Documentation22/30
Specificity14/25
Maintenance18/20
Trust signals15/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 3 min

HTML PPT — Editorial Minimalism

A 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.

Source

Distilled from Leonxlnx/taste-skillskills/minimalist-skill/SKILL.md. The deck system follows the project deck convention: each .slide is a 100vw × 100vh section, the active slide carries .active / .is-active, and the baked example owns keyboard, wheel, touch, and dot navigation inside the gallery iframe. No-script and print fallbacks keep every slide visible. See example.html in this directory.

Hard rules

  • Substrate: warm off-white #FBFBFA / #F7F6F3. Foreground off-black #1A1A19. Never pure white or pure black.
  • Type pairing: display in serif (Instrument Serif / Newsreader / Lyon), body in grotesque (Inter Tight / Switzer), meta in mono (JetBrains Mono).
  • Display scale per slide: title clamp(56px, 6.5vw, 96px) italic-capable serif, line-height 1.05, tracking -0.025em.
  • Hairline only: 1px solid #EAEAEA — borders, dividers, table cells. No drop shadows.
  • 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.
  • Slide padding: generous (72px 96px minimum). Title at most 14ch wide.
  • Eyebrow: every slide opens with a mono uppercase eyebrow letter-spacing: 0.18em and a section number 01 / 09.
  • Page numbers: mono, bottom-right corner.

Banned

  • Inter (use Inter Tight if you must, but prefer Switzer / SF Pro). No Roboto, Open Sans.
  • Heavy drop shadows. Glow. Gradient text.
  • 3-equal-card feature rows. Use uneven hairline-divided columns instead.
  • Emojis in text or as bullet markers — use or no marker.
  • Full-bleed photography on every slide. Use one or two image slides; reserve them.
  • AI-cliché copy ("Elevate", "Unleash", "Seamless", "Next-Gen").
  • Slide transitions noisier than fade-in.

Required slide archetypes (10–12 total recommended)

  1. Cover — serif title, italic mid-sentence accent, mono meta footer.
  2. Eyebrow + thesis — single sentence of body lede on the left; mono numbered TOC on the right.
  3. Numbered manifesto — three or four hairline-separated theses.
  4. Bento data slide — uneven 6-col grid with hairline gaps; one stat in serif, supporting in mono.
  5. Quote / pull-out — single sentence at large serif, attribution mono, hairline above and below.
  6. Comparison — two columns separated by a vertical hairline; "Doesn't / Does" or "Before / After".
  7. Table or indexdisplay: grid; gap: 1px on hairline color.
  8. Chart or breakdown — flat horizontal bar chart with mono labels, accent fill only on the latest bar.
  9. Team / colophon — mono key-value list, no avatars.
  10. Closing — serif final line italic; CTA as ghost button; signature in mono.

Motion

  • Runtime navigation: keyboard, wheel / trackpad, touch swipe, and dot buttons must all update the same active slide state. Keep the fade at roughly 400ms cubic-bezier(0.16, 1, 0.3, 1).
  • Static / print fallback: keep every slide visible when the runtime has not booted or the document is printed.
  • No translate, no blur, no auto-advance.

Pre-flight

  • Substrate is warm off-white; foreground is off-black; never pure black/white
  • Serif used on titles, grotesque on body, mono on meta — three families, three jobs
  • One accent color, used at most three times in the whole deck
  • Every slide has eyebrow + section number + page number
  • At least one hairline-grid table or comparison module
  • No drop shadows, no gradients, no emojis, no banned fonts
  • Keyboard, wheel / trackpad, touch swipe, and dot navigation all move one slide and keep the active dot / active slide in sync
Skill path
design-templates/html-ppt-taste-editorial/SKILL.md
Commit SHA
89d6d4ef21ba
Repository license
Apache-2.0
Data collected