html-presentation

Inline fonts, images, CSS, and scripts into a single HTML file.

2|1|Updated Oct 8, 2009

Search Tags:#branding #offline #web-presentation #inlining #html-presentation #standalone-deck

Ready to run

npx skills add https://github.com/riethmayer/dotfiles --skill html-presentation-riethmayer

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: html-presentation
Source: https://github.com/riethmayer/dotfiles/tree/main/stow/agents/.agents/skills/html-presentation
Command: npx skills add https://github.com/riethmayer/dotfiles --skill html-presentation-riethmayer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The HTML presentation skill lets you build a fully self-contained deck that works offline by inlining fonts, images, CSS, and scripts into a single HTML file, removing asset management headaches.

Core Features & Use Cases

Self-contained decks: generate standalone HTML files that work without extra folders.
Brand-safe templates: uses Earlybird branding with a consistent look and keyboard navigation.
Workflow support: includes a built-in inliner to embed assets and a workflow for scaffolding and previewing.

Quick Start

Run the inliner after editing slides: open the HTML deck and execute the inliner to produce a standalone .html.

Frequently Asked Questions about html-presentation

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

FAQPage Schema

How do I create a standalone HTML presentation for offline viewing?▼

A standalone HTML presentation inlines fonts, images, CSS, and scripts into a single portable file for offline viewing. You edit your slides and then execute the included inliner script to embed all assets, eliminating external folder dependencies.

What is the best way to share an HTML deck via email without broken asset links?▼

Sharing an HTML deck via email without broken links requires inlining all assets into a single self-contained file. This skill embeds fonts, images, and styles directly into the markup, ensuring the presentation displays correctly without relying on external folders.

Can I use my own branding and keyboard navigation in a single-file HTML deck?▼

You can apply custom branding and keyboard navigation in a single-file HTML deck. The skill uses brand-safe templates with a consistent look and built-in keyboard navigation, preserving your visual identity while keeping the deck fully portable.

How do I inline fonts and images into a self-contained HTML presentation?▼

Inlining fonts and images into a self-contained HTML presentation involves running the built-in inliner tool after editing your slides. This process embeds all CSS, scripts, and media directly into the HTML file, producing a portable deck ready for browser-based talks.

Do I need any external dependencies or folder structures to run an offline browser-based deck?▼

No external dependencies or folder structures are needed to run an offline browser-based deck. The skill has zero dependencies and generates a standalone HTML file with all assets inlined, allowing it to operate independently in any browser.

When should I avoid using a single-file HTML presentation for talks?▼

Avoid using a single-file HTML presentation when your deck relies on extremely large media assets, as inlining everything into one file can significantly increase the HTML size and impact browser performance during the talk.