Build G2-Branded HTML Decks

Builds self-contained G2-branded HTML slide decks that run in any browser with animations, keyboard navigation, and optional inline text editing. It uses G2's official brand system (Figtree typography, six-color palette, official logo and mosaic SVGs) by default, eliminating guesswork about brand compliance. The skill walks you through content discovery, style selection with visual previews, and generation, including QA verification before delivery.

1. Answer content discovery questions: presentation purpose, approximate length, whether you have content ready, and density preference (speaker-led vs reading-first). 2. If you provide a folder with images, the skill scans and evaluates them, then co-designs the slide outline around both text and images. 3. Review three distinct G2-branded visual style previews (Light, Navy, or Purple surface variants) and pick one. 4. The skill generates a single HTML file with your content and animations applied throughout, runs a render-to-verify loop to catch overflow, and opens it in your browser. Output: a deployable interactive HTML deck with keyboard navigation, optional inline editing, and animation-rich slides.

Requires Python 3 with Playwright (pip install playwright) and Chrome installed for the render-to-verify QA loop that checks slides for overflow and overlaps before delivery. This ensures layout correctness before you see the deck. Optional: Pillow (pip install Pillow) if you want PDF export of final slides.