Simple HTML Slides / A reusable skill

Portable HTML slides.
Ready for print.

Create a polished deck with one lightweight skill.
Single-file sharing. Dedicated print layout.

Portable slides, with print rules built in01 / 05
The problem

Basic HTML is easy.
Presentation output takes care.

01 / CREATION

Skip the setup

Create a complete deck without a build pipeline or template setup.

02 / PRINTING

Avoid layout surprises

Flowing HTML can reflow, split, or clip when printed to PDF.

03 / DELIVERY

Keep sharing simple

Package the slides and their controls in one portable file.

Simple HTML Slides · Why this skill exists02 / 05
The layout decision

Keep the composition together.

Ordinary flowing HTML

Content can reflow across screen sizes.
Printing can split or clip the composition.

Fixed canvas + print CSS

The whole slide scales to the screen.
Explicit print rules target one slide per page.

Sample PDF printing confirmed
Simple HTML Slides · 1600 × 900 canvas03 / 05
The deliverable

One file. Ready for a browser.

SELF-CONTAINEDpresentation.htmlContent + CSS + JavaScript

Present with familiar controls

Move between slides, jump into overview,
or enter fullscreen when supported.

Share the file itself

No external fonts or runtime dependencies.
Direct slide links use fragments such as #3.

Simple HTML Slides · Portable by design04 / 05
How to use it

Skill + content → HTML.
Then check print preview.

01 / INPUT

Skill + your content

Read SKILL.md. Provide the material and requested language.

02 / CREATE

One HTML file

Generate the slides with inline styling and presentation controls.

03 / VERIFY

Print preview

Check page count, slide order, and clipping before exporting a PDF.

Then verify: inspect every slide, test navigation, and check the printed pages before sharing.
Move below to reveal controls