Skip to content

Content Blueprint

Safety checked

Build G2-Branded Presentations End to End

mchen-gtmJuly 2026

A two-skill bundle for creating G2-branded HTML presentations and converting them to editable PowerPoint files.

Build G2-Branded HTML DecksConvert HTML to PowerPoint

Install Prompt

Copy this prompt and paste it into your AI agent to install.

What problem does this solve?

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.

How does it work?

  1. Use the first skill to build a G2-branded HTML deck from your content (purpose, length, density preference). 2. The skill generates a single interactive HTML file with animations, browser-native navigation, and optional inline text editing. 3. If you need PowerPoint, run the second skill on the HTML file. 4. It rebuilds the deck as native text shapes and objects (not image screenshots), so it stays crisp and fully editable in Google Slides or PowerPoint. Output: a deployable HTML deck, optionally converted to native .pptx.

Included Skill Groups

What's the biggest win?

End-to-end G2-branded decks with full brand fidelity, whether you present in a browser or hand off as an editable PowerPoint.

What's required to run this?

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.

What should I watch out for?

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.

Key Features

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).

Tools in this Blueprint

Claude logo
4.4(68 reviews)
Python 3
Playwright
python-pptx

About This Blueprint

Industry
Technology
Skills
0 workflows, 0 sub-skills, 2 standalone