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
ClaudeView on G2 ↗
4.4(68 reviews)
Python 3
Playwright
python-pptx

About This Blueprint

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

More Blueprints to explore

ContentSafety checked

Automate Webinar Repurposing Into Multi-Channel Content

Extract sourced claims and quotable moments from webinar transcripts, then route verified materials to specialists who create optimized assets for blogs, social, video, and sales enablement on staggered schedules. Skip repurposing work that lacks supporting data, and measure each asset's performance back to the original webinar arguments.

C

ClickUp

Product IntelligenceSafety checked

Generate Shipped Changelog From Sprint Tasks

Ship customer-facing changelogs with confidence by automatically verifying that completed sprint tasks actually merged to your release branch, deduplicating related changes, and rewriting them in plain language. Your PM reviews only what truly shipped before publishing.

C

ClickUp

ContentSafety checked

Generate Customer Stories at Scale

Turn customer interview recordings into publication-ready case studies in hours instead of weeks. Marketing teams skip expensive writers and manual transcription work by automating the entire story structuring and narrative process.

C

ClickUp