nexu-io/open-design/design-templates/html-ppt-taste-editorial/SKILL.md
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`.
- 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 the briefs that hate neon: investor updates, design reviews, internal manifestos, lecture decks. Reads like a print supplement, not a SaaS landing.
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-editorial"Inspect the Agent Skill "html-ppt-taste-editorial" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/html-ppt-taste-editorial/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/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…
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.
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.
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…
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).
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.
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 | 69/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-editorial/SKILL.md
- Commit
- 89d6d4ef21baf80f871595abdf6f7de6e941dd44
- License
- Apache-2.0
- Collected
- 2026-07-28
- Default branch
- main
View the original SKILL.md
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-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 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-height1.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
#346538on#EDF3EC, or red#9F2F2Don#FDEBEC). Used sparingly — eyebrow dot, chart fill, call-out chip. Never as a slide background. - Slide padding: generous (
72px 96pxminimum). Title at most 14ch wide. - Eyebrow: every slide opens with a mono uppercase eyebrow
letter-spacing: 0.18emand a section number01 / 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)
- 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.
- Bento data slide — uneven 6-col grid with hairline gaps; one stat in serif, supporting in mono.
- Quote / pull-out — single sentence at large serif, attribution mono, hairline above and below.
- Comparison — two columns separated by a vertical hairline; "Doesn't / Does" or "Before / After".
- Table or index —
display: grid; gap: 1pxon hairline color. - Chart or breakdown — flat horizontal bar chart with mono labels, accent fill only on the latest bar.
- Team / colophon — mono key-value list, no avatars.
- 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
Alternatives