Build Beautiful HTML Presentations Visually

Generates beautiful HTML presentations that run entirely in the browser without requiring design knowledge or external dependencies. It helps non-designers discover their aesthetic through visual exploration rather than abstract choices, removing the friction between having content and having a professionally styled deck that feels custom-made.

Once set up, you work through six phases. 1. Share your content and answer structural questions (purpose, length, density). 2. The skill generates three distinct visual style previews and you pick the one you prefer. 3. It generates the full presentation in your chosen style, then opens it in your browser. 4. (Optional) Convert PowerPoint files by extracting text and images and applying your visual style. 5. Edit text directly in the browser if needed. 6. Deploy to a live URL via Vercel or export as PDF. Output: a single self-contained HTML file with inline CSS/JS, no build tools required.

Non-designers get beautiful, distinctive presentations in a single HTML file without learning CSS, managing dependencies, or struggling to articulate design preferences.

Requires a coding agent with filesystem access and shell execution capability (Claude Code, Codex, Kimi Code, etc.). For PPT conversion, Python with python-pptx library. For URL deployment via Vercel, Node.js 16+ and a free Vercel account. For PDF export, Node.js (Playwright installs automatically on first run). All presentations include viewport-base.css for fixed-stage rendering and use Google Fonts or Fontshare for typography.

The fixed 16:9 stage is non-negotiable: content is designed for 1920x1080 and scales uniformly to any viewport. Slides do not reflow for phones. High-density slides can overflow if content exceeds capacity. Split into multiple slides instead of shrinking text. PPT conversion requires Python with python-pptx library. PDF export renders animations as static final states. Vercel deployment requires Node.js and a free Vercel account.