Brand PPTX Template Skill

When to use

Use when asked to build or refresh a company PowerPoint template based on a website or brand assets, and deliver both .pptx and .potx outputs.

Inputs to collect

• Brand source: website URL or provided brand assets (logo, colors, fonts).

• Output scope: slide types needed (title, section, content, etc.).

• Local working directory path (for potxkit access).

• Delivery format: .pptx only or .pptx

• .potx .

Environment model (generic)

Two environments are common:

• Agent runtime: where you can generate files (e.g., pptxgenjs, scripts).

• User local machine: where potxkit runs (MCP or CLI) and files live.

If the environments differ, always:

• Generate base template in the agent runtime.

• Transfer to local (download/present file).

• Use potxkit on the local machine to apply theme + layouts.

Workflow (high level)

Phase 1: Brand extraction

• Use a browser MCP to extract colors, fonts, and logo.

• Capture UI patterns: light/dark sections, accent usage, card styles.

• If blocked, ask for brand assets or a style guide.

Reference: references/brand-extraction.js for a browser snippet.

Variant chooser (light vs dark)

Decide on a template mood before building slides:

• Light: default for business decks; white/very light background with dark text.

• Dark: good for technical or cinematic decks; dark background with light text.

If the brand site uses both, pick one for the base template and keep the other for section/cover layouts.

Phase 2: Map to PowerPoint theme slots

Map to theme keys:

• dark1 , light1 , dark2 , light2

• accent1 –accent6 , hlink , folHlink

• majorFont , minorFont

Phase 3: Build base slides

Create a clean base deck with the needed slide types. Recommended defaults:

• Title, section, content, two-column, grid, metrics, quote, closing.

• Keep layout shapes clean and consistent; avoid hard-coded colors where possible.

Reference: references/pptxgenjs-starter.js for a starting scaffold. Optional script: scripts/scaffold_deck.js to generate a minimal base deck:

node scripts/scaffold_deck.js --variant light --company "Acme Co" --out template-base.pptx

Phase 4: Apply theme + layouts with potxkit

Use potxkit via MCP or CLI:

• set_colors or apply-palette

• set_fonts

• set_theme_names

• make_layout from each base slide

• validate

Phase 5: Deliver

• Provide .pptx and .potx outputs.

• Confirm template behaves correctly in PowerPoint.

Guardrails

• Prefer theme-driven colors/fonts instead of per-shape overrides.

• Keep font sizes sane (titles 36–44 pt, body 14–18 pt).

• If outputs are generated in a container, always transfer to local before potxkit.

References

• Brand extraction script: references/brand-extraction.js

• PptxGenJS scaffold: references/pptxgenjs-starter.js

• Scaffold generator: scripts/scaffold_deck.js