skills.rest
riethmayer
riethmayerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/riethmayer/dotfiles --skill html-presentation-riethmayer
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
stromy-orgstromy-org

pptx

Convert HTML slides into branded PPTX decks with charter-driven styling.

Official
Advanced
AlvaroBianoAlvaroBiano

architecture-diagram

Generate dark-themed architecture diagrams as standalone HTML files with inline SVG.

Community
Advanced
akobryan1akobryan1
1

web-artifacts-builder

Bundle React and Tailwind CSS projects into single portable HTML files.

Community
Intermediate
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate