Build G2-Branded HTML Decks2 skills
Generate animation-rich G2-branded HTML presentations with official brand assets and browser-native interactivity.
Content Blueprint
Safety checkedA two-skill bundle for creating G2-branded HTML presentations and converting them to editable PowerPoint files.
Copy this prompt and paste it into your AI agent to install.
Creates G2-branded presentation decks as self-contained HTML files that display in any browser, then converts them to native PowerPoint for teams that need editable .pptx files. Because both skills share G2's official brand assets, every deck stays on-brand with Figtree typography, the six-color palette, and verified logo placement.
Generate animation-rich G2-branded HTML presentations with official brand assets and browser-native interactivity.
Transform G2-branded HTML decks into native PowerPoint files with real text shapes, preserving editability and brand fidelity.
End-to-end G2-branded decks with full brand fidelity, whether you present in a browser or hand off as an editable PowerPoint.
Requires Claude Code, Python 3 with Playwright (for render-to-verify QA loop and PDF export), and python-pptx (for PowerPoint conversion). Playwright needs Chrome installed. Install with pip install playwright python-pptx. Optional: Pillow for PDF screenshot fallback.
G2 brand assets in the assets/ folder are for G2 internal use. Figtree is a Google Font: PowerPoint files may display with a substituted serif font locally, but render correctly once shared to Google Slides. PDF export currently requires manual setup with Playwright and Pillow.
G2 Brand System
Official Figtree fonts, six-color palette, logo SVGs, and mosaic shapes bundled and embedded in every deck.
Animation-Rich HTML
CSS-driven animations, browser navigation with arrow keys or swipe, optional inline text editing mode.
Multiple Stage Sizes
Presets for 16:9 landscape (default 1920×1080), 4:3, 16:10, 1:1 square, and 9:16 vertical formats.
Native PowerPoint Export
Converts HTML to real text, shapes, and hyperlinks (not screenshots), preserving editability in Google Slides.
Content-Density Modes
Design for speaker-led (low density, large type, fewer ideas per slide) or reading-first (high density, self-contained slides with structure).
Stop wasting rep time on weak intent signals and mismatched accounts. The workflow ranks ICP-fit buyers by readiness, finds the right contact, and supplies tailored outreach angles for the strongest opportunities.
Ishani D.
Account Manager at G2
Shoppers get accurate answers about fit, compatibility, ingredients, and delivery even when your team is offline, so fewer leave before checkout. Conversation insights also reveal which product-page details could prevent the next unanswered question.
Urska B.
GTM Lead at Yuma AI (YC W23)
Catch a few unusual tickets before a product or fulfillment issue turns into hundreds of refunds, chargebacks, and bad reviews. Cluster transcript evidence by SKU, order date, location, and carrier so operations can trace the cause and support can reach affected customers early.
Urska B.
GTM Lead at Yuma AI (YC W23)