HTML Presentation Generator

Problem

Engineers often need share-ready slides without relying on desktop PowerPoint or turning HTML pages into non-presentable documents. This skill targets single-file, zero-dependency HTML presentations that run directly in a browser. It supports three workflows: creating a deck from scratch, converting .pptx content, and enhancing an existing HTML presentation. The key constraint is not just visual polish; every slide must fit the viewport and avoid in-slide scrolling.

How It Works

• Content discovery: confirm purpose, length, available material, and optional in-browser text editing before generation.
• Style previews: generate three short single-slide previews based on mood instead of asking users to describe a design from scratch.
• Viewport rules: .slide is expected to use 100vh, overflow: hidden, responsive clamp() sizing, and viewport-relative image heights.
• Density limits: title, content, code, and image slides have maximum content rules; overfull slides should be split rather than compressed.
• Boundary notes: best for technical talks, product explainers, and course material; if a fixed 1920x1080 house preset is required, specify it explicitly so the default viewport-fitting behavior does not override the deck system.