$npx skillfedfor your agent

html-presentation

Transform any document, outline, or notes into a polished HTML slide deck ready to present in a browser. Choose between horizontal or vertical scroll navigation, pick from multiple visual themes, and customize layouts for your audience—all in a single, self-contained file.

HTML Presentation converts documents and outlines into self-contained HTML slide decks with keyboard navigation and multiple themes.

AI-generated summary based on this skill's SKILL.md

274 42 MITupdated by Mathews-Tom

Decision gist · record as of 2026-07-21

HTML Presentation converts documents and outlines into self-contained HTML slide decks with keyboard navigation and multiple themes. Transform any document, outline, or notes into a polished HTML slide deck ready to present in a browser. Choose between horizontal or vertical scroll navigation, pick from multiple visual themes, and customize layouts for your audience—all in a single, self-contained file.

manual: git clone https://github.com/Mathews-Tom/armory → cp -r armory/skills/html-presentation ~/.claude/skills/html-presentation
skills/html-presentation/SKILL.md · version 63c1018b

Use it when

  • Yes.
  • html-presentation offers both horizontal and vertical navigation modes.

Verify before relying

Read SKILL.md below before installing (5 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

Mathews-Tom/armory/html-presentation · repository language: Python

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I convert my document into HTML slides?

html-presentation transforms your documents, outlines, or notes into browser-ready HTML slide decks. Simply provide your content, and the tool generates a self-contained file with professional styling, keyboard navigation, and your choice of visual themes—no additional setup required.

Can html-presentation make a Reveal.js presentation from notes?

Yes. html-presentation generates Reveal.js-powered presentations from your notes and outlines. You get full keyboard navigation, horizontal and vertical slide transitions, and all the interactivity of Reveal.js bundled into a single HTML file ready to present in any browser.

What navigation options does html-presentation support?

html-presentation offers both horizontal and vertical navigation modes. Choose scroll-based navigation for linear flow or traditional slide-by-slide progression. All presentations include keyboard controls, making it easy to navigate during live presentations or self-paced viewing.

Can I customize the appearance of my html-presentation slides?

Yes. html-presentation includes multiple layout and theme options to match your brand or audience. Select from pre-built visual themes, customize colors and fonts, and choose slide layouts that fit your content—all without writing code.

Is html-presentation suitable for pitch decks and conferences?

Absolutely. html-presentation is designed for professional use, including pitch decks and conference presentations. Build polished, themed slide decks that impress audiences, and deliver them as single self-contained HTML files that work on any device with a web browser.

What format does html-presentation output?

html-presentation outputs a single, self-contained HTML file. This file includes all styling, navigation logic, and content—no external dependencies required. Open it in any modern browser to present immediately, share via email, or host online.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

HTML Presentation Skill

Convert documents, outlines, or freeform content into polished, self-contained HTML slide presentations with keyboard and scroll navigation.

When This Skill Triggers

  • User provides a document and asks for a "presentation", "slides", or "deck" as HTML
  • User asks to convert notes/outline/content into browser-presentable slides
  • User wants a Reveal.js or scroll-based HTML presentation
  • User references wanting to present from a browser rather than PowerPoint

Step 0: Gather Requirements

Before generating anything, check whether the user has specified the following. If any are missing, ask for clarification in a single concise message. Do NOT ask more than once — use

(truncated - see the full file via the links below)

File tree — 5 files
skills/html-presentation/SKILL.md
skills/html-presentation/evals/cases.yaml
skills/html-presentation/references/NAVIGATION.md
skills/html-presentation/references/TEMPLATES.md
skills/html-presentation/references/THEMES.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Convert documents or outlines into self-contained HTML slide presentations”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

html-slides
by claude-office-skills · claude-office-skills/skills

HTML Slides generates reveal.js presentations with full control over themes, transitions, and interactivity. Supports animations, syntax highlighting, speaker notes, and responsive design for tech talks, product launches, and code walkthroughs.

MITupdated Jan 2026
★ 338repo stars
revealjs
by ryanbbrown · ryanbbrown/revealjs-skill

Revealjs generates polished HTML presentations powered by reveal.js, letting you build slides with custom color palettes, multi-column layouts, code highlighting, and animations. The skill handles design strategy upfront—analyzing your content to inform color and layout choices—then scaffolds your presentation with a script and CSS variables for easy customization. Open the output HTML in any browser; no build step required.

MITupdated May 2026
★ 379repo stars
Guizang Ppt Skill
by samhvw8 · samhvw8/dotfiles

Build browser-based presentation decks as self-contained HTML files with zero dependencies. Choose between a serif-driven Digital Magazine aesthetic with fluid shader backgrounds or a sans-serif Swiss International style with grid overlays and high-contrast functional colors. Both include horizontal swiping, Motion entrance animations, and 22+ tested layouts.

no license declared → metadata onlyupdated Jul 2026
★ 14repo stars
visualize
by careerhackeralex · careerhackeralex/visualize

Visualize transforms your concepts into polished, self-contained HTML visualizations in one go. Generate slide decks, dashboards, infographics, flowcharts, timelines, and other visual formats—each as a standalone file ready to open anywhere. Perfect for presenting information in ways that help audiences grasp it faster.

MITupdated Mar 2026
★ 180repo stars
ai-vibe-slides
by unclecatvn · unclecatvn/agent-skills

AI Vibe Slides turns your ideas into polished, browser-ready presentations in a single self-contained HTML file. Choose from multiple design directions—startup bold, academic clean, tech modern, or creative colorful—and navigate via keyboard or click. Perfect for pitches, talks, and reports that need to look sharp and present immediately.

MITupdated Jul 2026
★ 116repo stars
Revealjs Presenter
by jwynia · jwynia/agent-skills

Build polished slide decks in reveal.js with a single self-contained HTML file. The skill handles layout, typography, and visual structure through configurable themes and reusable components like bars, cards, and grids. Use it for pitch decks, technical talks, or educational presentations.

no license declared → metadata onlyupdated Feb 2026
★ 124repo stars

More skills html-ppt (MIT) · slideshow (Apache-2.0) · Paper2html (Apache-2.0) · Presentation Generator (unlicensed) · Lit Sheet Music (unlicensed)

Tags
reveal-js-builderslide-deck-generatorbrowser-presentationhtml-slideshowcontent-to-slidesweb-based-deckpresentation-themingscroll-navigation