Skip to content

Guide · Agent skill

How to use the Editorial HTML Deck Style agent skill

Updated · written with AI from the project's own documentation and checked against our catalogue data

The Editorial HTML Deck Style skill (skill name html-ppt-taste-editorial) teaches an AI agent to build a presentation as a single HTML page with 16:9 slides styled like an editorial print supplement. This guide explains what the skill changes, how to install it, how to ask for a deck in a way that triggers it, and what it needs. By the end you will have a working setup and know which decks it suits.

Editorial HTML Deck Stylenexu-io/open-design · Apache-2.0

Quick start

  1. 1Download the ZIP. Download the ZIP for design-templates/html-ppt-taste-editorial from the page.
  2. 2Unzip into a skills folder. Unzip into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder for one project.
  3. 3Or upload in the Claude apps. In the Claude apps, open Settings → Capabilities → Skills and upload the ZIP.
  4. 4Confirm the files. Check that SKILL.md and example.html are in the skill folder.
  5. 5Ask for a deck. Request a 16:9 HTML deck in editorial minimalist style and describe the audience and content.
  6. 6Check fonts. Make sure Instrument Serif, Inter Tight and JetBrains Mono are available in the browser, or load them yourself.

What the skill makes the agent do

An agent skill is a folder of instructions that an AI agent reads when a task matches the skill's description. This one covers slide decks in an editorial-minimalist style: warm off-white backgrounds, serif headings, grotesque sans-serif body text, small monospace labels, 1px hairline dividers and one muted accent color. It is distilled from the minimalist-skill in Leonxlnx/taste-skill.

The skill also sets rules for layouts (cover, numbered theses, comparison, table, closing and more) and for navigation. Keyboard, wheel or trackpad, touch swipe and dot buttons all move to the same active slide. Transitions are a simple fade, and there is no auto-advance.

  • Output is one HTML file, not a PowerPoint or Google Slides file.
  • Each slide is a full-viewport section; every slide opens with a mono eyebrow and a section number such as 01 / 09.
  • Drop shadows, gradients, emojis and several common fonts are banned by the skill.

Install the skill from the ZIP or the Claude apps

Option 1, personal install: download the ZIP for design-templates/html-ppt-taste-editorial from the page, then unzip it into ~/.claude/skills/ so the skill folder sits there.

Option 2, project install: unzip it into the .claude/skills/ folder inside your project instead, so only that project uses it.

Option 3, Claude apps: upload the ZIP in the Claude apps under Settings → Capabilities → Skills.

  • The ZIP contains two files: SKILL.md and example.html.
  • Check that SKILL.md sits directly inside the skill folder after unzipping.

Trigger the skill with a natural request

The agent loads the skill when your request matches its description: a 16:9 HTML deck in editorial-minimalist taste. You do not need a special command. Name the kind of deck and the calm visual style you want.

The skill's own examples of suitable briefs are investor updates, design reviews, internal manifestos and lecture decks. Say so in the request so the agent picks the right slide types.

  • "Make a 16:9 HTML deck in editorial minimalist style for our Q3 investor update."
  • "Build a calm HTML presentation for the design review, warm cream slides with serif headings."
  • "Create an internal manifesto deck as one HTML file, magazine-like, no gradients."

What you get in the output

The skill lists ten recommended slide archetypes: cover, eyebrow with thesis, numbered manifesto, bento data slide, quote, comparison, table or index, chart or breakdown, team or colophon, and closing. The agent is asked to use about 10 to 12 slides in total.

Check the example.html file in the skill folder to see the finished visual system before you commit to a brief. Stat slides use uneven hairline-divided columns rather than three equal cards.

  • Substrate: warm off-white such as #FBFBFA or #F7F6F3, with off-black text #1A1A19.
  • One accent color, such as sage or muted red, used sparingly.
  • Page numbers in mono at the bottom-right of each slide.

Check the requirements and safety notes

The skill needs an agent environment that reads SKILL.md-format skills. The files do not list any external software, libraries or API keys. The skill does not run scripts and does not use the network.

Fonts named in the style, such as Instrument Serif, Inter Tight or JetBrains Mono, must be available in the browser or loaded separately. If they are missing, the browser falls back to other fonts and the look changes.

  • Runs scripts: no.
  • Uses network: no.
  • Install only from the page you trust; the ZIP is the only source of files named here.

Tips for better decks

Give the agent the real content in your request: the thesis, the numbers and the slide count. The skill favors one stat per data slide and one short serif line per closing slide, so tight content works better than long bullet lists.

Use one or two image slides at most. The skill reserves full-bleed photography for those and bans it on every slide. Keep the deck as an HTML file if you plan to present in a browser; the skill also includes print and no-script fallbacks that keep every slide visible.

  • Name the audience and purpose so the agent picks a suitable tone.
  • Ask for a 10 to 12 slide deck if you want the full archetype set.
  • If a result looks too busy, ask the agent to remove shadows, borders and extra accent use.

What people use it for

  • Investor updates that should look like a print supplement rather than a SaaS pitch.
  • Design reviews where the deck itself is part of the argument about restraint.
  • Internal manifestos or lecture decks delivered as a single HTML file.
  • A starting template of about ten slide types in one consistent visual system.

Frequently asked questions

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

Download the ZIP from the page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. In the Claude apps, you can instead upload the ZIP under Settings → Capabilities → Skills.

What do I need to run this skill?

You need an agent environment that supports SKILL.md-format skills. The files list no external software, libraries or API keys, and the skill does not run scripts or use the network. Fonts named in the style must be available in the browser or loaded separately.

Is the skill free to use?

The skill is licensed under Apache-2.0, as listed on this page. Check the licence file in the source repository for the full terms.

Can I get a PowerPoint or Google Slides file from it?

No. The output is an HTML page with 16:9 slides. If non-technical colleagues need to edit the deck in PowerPoint or Google Slides, this skill is the wrong format.

Why does my deck not use the right fonts?

The skill names fonts such as Instrument Serif, Inter Tight and JetBrains Mono, but the files do not bundle them. If they are not installed or loaded in the browser, the page falls back to other fonts and the look changes.

What is the alternative if I need bold colors or gradients?

The skill explicitly bans gradients, heavy shadows, glow and bold palettes, so it conflicts with brand guides that use them. Use a general presentation tool or a different template for those brands.

New agent skills, repos and AI tools — every week

The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.

Our verdict

Choose this skill if you want a restrained, magazine-like HTML deck for investor updates, design reviews or manifestos and you are comfortable opening an HTML file. Pick something else if you need editable PowerPoint or Google Slides files, or if your brand relies on bold colors, gradients or shadows.

Download the skill

Find exactly what
you're looking for