skills.rest
AntonySilverhand
AntonySilverhandCOMMUNITY
Explore all skills by this author →
GitHub

slidegen

Generate a self-contained HTML slide deck from a topic or motion.

Updated Apr 7, 2026
Search Tags:#templates#presentation#data-uri#html slides#deck-generator#slidegen#bpdu
One-click install
npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slidegen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidegen
Source: https://github.com/AntonySilverhand/BPDU-SlideGen/tree/main/skills/slidegen
Command: npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slidegen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

BPDU SlideGen solves the toil of turning a topic, motion, or outline into a clean, branded, self-contained HTML slide deck without manual coding.

Core Features & Use Cases

  • Single-file HTML decks with embedded assets for offline viewing.
  • Supports Reference, Case File, and Event Host deck types.
  • Uses the canonical slide-templates.html library for consistent layouts.
  • Automates embedding of images via data URIs to ensure portability.

Quick Start

Describe your topic, motion, or outline and run the generation workflow to produce a self-contained HTML slide deck.

Frequently Asked Questions about slidegen

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

FAQPage Schema
How do I generate a self-contained HTML slide deck from a topic outline?▼

Generating a self-contained HTML slide deck requires providing a topic, motion, or optional outline to produce a single-file presentation. The system uses canonical slide templates and data-URI asset embedding to ensure the resulting deck is fully portable for offline viewing.

What is data-URI embedding for portable HTML presentations?▼

Data-URI embedding in HTML presentations converts image assets into base64 text strings directly within the HTML document. This eliminates external file dependencies, ensuring the slide deck renders correctly anywhere without broken image links.

Can I use an outline to plan HTML slide layouts before generating the deck?▼

Yes, you can use an outline to plan HTML slide layouts before deck generation. The tool accepts an optional outline specifically for slide planning, mapping your structural input into canonical slide templates to ensure consistent layouts.

What deck types are supported for generating branded HTML slides?▼

The supported deck types for generating branded HTML slides are Reference, Case File, and Event Host. Each type enforces specific BPDU branding rules using the canonical slide template library to ensure consistent visual identity.

Best way to create offline-viewable HTML presentations without external dependencies?▼

The best way to create offline-viewable HTML presentations is generating a single-file deck with data-URI asset embedding. This approach embeds all images directly into the HTML file, eliminating external dependencies and ensuring complete portability.

Related Skills

Explore More Design & Creative Skills→
SureAgentAISureAgentAI

deck-from-outline

Generate branded HTML presentations from structured bullet-point outlines.

Official
Intermediate
dmccrearydmccreary
90

mermaid-generator

Generate interactive Mermaid workflow diagrams as standalone HTML MicroSim packages.

Community
Basic
idontcarlidontcarl

ckm:slides

Create strategic HTML slide decks with Chart.js and design tokens.

Community
Intermediate
AntonySilverhandAntonySilverhand

slide-theme

Apply BPDU branding to an existing HTML slide deck via CSS tokens and brand bar edits.

Community
Intermediate