skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt-taste-editorial

Generates 16:9 HTML slide decks in an editorial-minimalist style with serif display type and hairline rules.

Updated May 20, 2026
Search Tags:#typography#minimalist#html#css#presentation#slide deck#editorial design
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-taste-editorial-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-taste-editorial
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-taste-editorial
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-taste-editorial-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating presentation decks that look like considered print editorial rather than generic SaaS templates is hard; this Skill encodes a complete, opinionated design system so every generated HTML deck follows consistent typographic and layout rules. ## Core Features & Use Cases - Editorial design system: warm off-white substrate, serif display type (Instrument Serif), grotesque body (Inter Tight), monospace meta (JetBrains Mono), hairline-only dividers, and one muted accent color. - Ten slide archetypes: cover, thesis with TOC, numbered manifesto, bento data grid, pull quote, comparison columns, hairline table, flat bar chart, colophon, and closing with ghost-button CTA. - Banned-pattern guardrails: explicitly forbids drop shadows, gradients, emojis, Inter/Roboto, 3-equal-card rows, and AI-cliché copy. - Use Case: Ask for an investor update or design review deck and receive a single self-contained HTML file where each slide is a 100vw x 100vh section that stacks vertically for preview and prints cleanly. ## Quick Start Create a 10-slide investor update deck about my startup using the editorial-minimalist HTML deck style.

Frequently Asked Questions about html-ppt-taste-editorial

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide deck with an editorial minimalist style?▼

Describe your deck topic and audience, and the Skill generates a single self-contained HTML file where each slide is a 100vw x 100vh section. It follows fixed rules: warm off-white background, serif titles, grotesque body, mono metadata, and hairline-only dividers.

What fonts does an editorial minimalist presentation use?▼

The system pairs Instrument Serif or Newsreader for display headings, Inter Tight or Switzer for body text, and JetBrains Mono for metadata and page numbers. Inter, Roboto, and Open Sans are explicitly banned.

Can I open the generated HTML deck directly in a browser?▼

Yes, the output is a standalone HTML file that opens directly in any browser. Slides stack vertically for static preview, and print CSS ensures each slide breaks onto its own page when printed.

What slide layouts are included in the deck system?▼

Ten archetypes are defined: cover, thesis with table of contents, numbered manifesto, bento data grid, pull quote, two-column comparison, hairline table, flat bar chart, colophon, and a closing slide with ghost-button call to action.

When should I not use an editorial minimalist deck style?▼

Avoid it for brand-heavy marketing decks needing full-bleed photography, bold gradients, or multiple accent colors. The system deliberately limits imagery to one or two slides and restricts accent color usage to three instances per deck.

Related Skills

Explore More Design & Creative Skills→
mhdxbilalmhdxbilal
1

skill-deck

Convert briefs into structured slide outlines and render PPTX decks.

Community
Intermediate
alirezarezvanialirezarezvani
25.3k

md-slides

Converts markdown decks into single-file HTML presentations with keyboard navigation and presenter mode.

Community
Intermediate
taizen-aitaizen-ai
8

content-reviewer

Review content for quality, clarity, and brand alignment before publishing.

Official
Advanced
ruuxiruuxi
29

officecli-pitch-deck

Generate styled PowerPoint pitch decks with charts, stats, and team sections.

Community
Advanced