Tooluck logoTooluck
SKILL.md

html-ppt-taste-editorial

Agent skill fromnexu-io/open-design

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

How to install html-ppt-taste-editorial

install html-ppt-taste-editorial
# install the open-design pack with the skills CLI
npx skills add nexu-io/open-design

# or add only this skill to Claude Code: copy the folder

design-templates/html-ppt-taste-editorial/

# into

~/.claude/skills/html-ppt-taste-editorial/ (all projects)

.claude/skills/html-ppt-taste-editorial/ (one project)

design-templates/html-ppt-taste-editorial/SKILL.md

Apache-2.0Full file
1# HTML PPT — Editorial Minimalism
2
3A 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.
4
5## Source
6
7Distilled from [Leonxlnx/taste-skill](https://github.com/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.
8
9## Hard rules
10
11- **Substrate:** warm off-white `#FBFBFA` / `#F7F6F3`. Foreground off-black `#1A1A19`. Never pure white or pure black.
12- **Type pairing:** display in **serif** (Instrument Serif / Newsreader / Lyon), body in **grotesque** (Inter Tight / Switzer), meta in **mono** (JetBrains Mono).
13- **Display scale per slide:** title `clamp(56px, 6.5vw, 96px)` italic-capable serif, line-height `1.05`, tracking `-0.025em`.
14- **Hairline only:** `1px solid #EAEAEA` — borders, dividers, table cells. No drop shadows.
15- **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.
16- **Slide padding:** generous (`72px 96px` minimum). Title at most 14ch wide.
17…

Excerpt shown under the repository's Apache-2.0 license.

More skills in open-design

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Leonxlnx /

taste-skill
113k

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

CCCXCU1 skill

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates