Skip to content

Content Blueprint

Safety checked

Build G2-Branded Presentations End to End

15mchen-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

View Blueprint →
View Blueprint →

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
Sales

ICP-Filtered Outreach Lists from G2 Buyer Intent

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.

ClaudeClaudeG2 Buyer Intent (G2 MCP Server)ZoomInfo (MCP)+3 more

Ishani D.

Account Manager at G2

1 Skill
Customer Experience

Answer pre-purchase questions to convert hesitant shoppers with AI

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.

Yuma AIYuma AIClaudeClaudeShopify

Urska B.

GTM Lead at Yuma AI (YC W23)

1 Skill
Customer Experience

Find the root cause behind repeat support tickets with AI

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.

Yuma AIYuma AIClaudeClaudeShopify

Urska B.

GTM Lead at Yuma AI (YC W23)