Skip to content
Get packs

Editorial HTML Deck Style

Builds 16:9 HTML slide decks in a warm, minimalist print-magazine style

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent can produce a presentation as a single web page with 16:9 slides styled like an editorial print supplement: warm off-white backgrounds, elegant serif headings, clean sans-serif body text, small monospace labels, thin hairline dividers and a single muted accent color. The skill also sets rules for slide layouts (cover, numbered theses, comparison, table, closing) and for navigation so that keyboard, scroll, touch and dot controls all move between slides. It is aimed at decks that should feel calm rather than flashy, such as investor updates or design reviews.

Great for

  • Designers or founders who want a restrained, magazine-like slide deck built as an HTML file
  • Teams preparing investor updates, design reviews or internal manifestos that should avoid a SaaS-landing look
  • Anyone who wants a starting template of ten or so slide types in a consistent visual system

Skip it if

  • Users who need PowerPoint or Google Slides files for editing by non-technical colleagues, since the output is an HTML page (reason: wrong file format)
  • Brands with an existing style guide that uses bold colors, gradients or shadows, because the skill explicitly bans these (reason: conflicts with brand rules)

Try asking

  • “Make a 10-slide investor update deck in the editorial minimalist style about our Q3 results”
  • “Build a design review presentation as a single HTML file with a comparison slide and a bar chart slide”
  • “Create a closing slide and team colophon for our lecture deck in the warm cream editorial look”
Step-by-step guide: how to use Editorial HTML Deck StyleInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-taste-editorial.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-taste-editorial.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-taste-editorial.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the accent color you want (sage or red pair) in your request, or let the agent pick one from the muted pairs given
  • Ask for 10 to 12 slides and specify which archetypes you need, so the deck follows the recommended structure
  • Open the generated HTML in a browser and test keyboard, scroll and dot navigation before sharing

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.