slide-export-tips

Export BPDU HTML slide decks to paginated PDF files.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slide-export-tips
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slide-export-tips
Source: https://github.com/AntonySilverhand/BPDU-SlideGen/tree/main/skills/slide-export-tips
Command: npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slide-export-tips

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many BPDU single-file HTML slide decks use absolute-position slides, embedded assets, and a branded UI that do not print cleanly with a browser's default Print-to-PDF flow, resulting in missing slides, clipped brand elements, or lost background graphics. This skill provides clear, practical instructions to produce high-quality, paginated PDFs from those decks.

Core Features & Use Cases

  • Browser print guidance: Step-by-step settings for Chromium-based browsers (layout, margins, background graphics, headers/footers).
  • Print-CSS troubleshooting: Advice to detect and add @media print rules that convert absolute-position slides into paginated, printable pages.
  • Advanced export options: Tips for manually stepping through slides, using specialized tools, or temporarily adjusting deck CSS to ensure all slides export correctly.
  • Use Case: Preparing a conference-ready PDF version of a BPDU HTML deck that preserves branding and slide order.

Quick Start

Open the BPDU HTML file in Chrome, enable background graphics, set layout to landscape with minimal margins, uncheck headers and footers, and print to PDF.

Frequently Asked Questions about slide-export-tips

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

FAQPage Schema
How do I export an HTML slide deck to PDF without losing background graphics?

To export an HTML slide deck to PDF without losing background graphics, open the file in a Chromium-based browser, enable background graphics in the print dialog, set landscape layout, remove margins, and print to PDF.

Why does my HTML presentation print with missing slides and clipped elements?

HTML presentations print with missing slides or clipped elements because absolute-position slides lack print-specific CSS rules. Adding @media print rules to paginate slides into printable pages resolves these layout issues.

What is the best way to convert BPDU HTML slides to a print-ready PDF?

The best way to convert BPDU HTML slides to a print-ready PDF is using browser print guidance with landscape layout, zero margins, and background graphics enabled, or by temporarily adjusting deck CSS to ensure correct pagination.

Do I need print CSS to export absolute-position slides to PDF?

Yes, you need print CSS to export absolute-position slides to PDF. Detecting and adding @media print rules ensures absolute-position slides convert into properly paginated, printable pages without clipping content or losing branding.

How do I fix print CSS issues when exporting HTML decks to PDF?

Fix print CSS issues when exporting HTML decks to PDF by detecting missing @media print rules and adding them to convert absolute-position slides into paginated pages, or by manually stepping through slides during export.

Can I use CLI tools to export HTML slide decks to PDF?

Yes, you can use specialized CLI tools to export HTML slide decks to PDF. Advanced export options include manually stepping through slides or temporarily adjusting deck CSS to ensure all absolute-position slides paginate correctly.