Deck design — don't ship boring slides
Full doc: skills/deck-design/references/FULL_SKILL.md. Mechanics:
pptx.find_template (start from one of 193 professional templates),
pptx.create, the unpack/set_text/check_overlaps/pack workflow, and
pptx.render_slides for QA. Color accessibility: media.color-check.
Before starting
- Bold, content-informed palette. It should feel designed for THIS topic —
if swapping the colors into an unrelated deck would still "work," they aren't
specific enough. Don't default to generic blue.
- Dominance over equality. One color carries 60–70% of the visual weight,
1–2 supporting tones, one sharp accent. Never weight all colors equally.
- Dark/light sandwich. Dark title + conclusion, light content — or commit
to dark throughout for a premium feel.
- One repeated motif (rounded image frames, icons in colored circles, a
thick single-side border) carried across every slide.
Every slide
- Needs a visual element — image, chart, icon, or shape. Text-only slides
are forgettable.
- Vary layouts: two-column, icon+text rows, 2×2/2×3 grids, half-bleed image
with overlay, big-stat callouts, comparison columns, timelines. Never repeat
the same text-heavy layout every slide.
- Left-align body; center only titles. Size contrast: titles 36pt+ vs body
14–16pt.
Type
Pick a header font with personality + a clean body font (Georgia/Calibri,
Cambria/Calibri, Arial Black/Arial…) — don't default to Arial for both.
Title 36–44 bold · section header 20–24 bold · body 14–16 · caption 10–12 muted.
Never (AI-slide tells)
- Accent line under a title (the #1 AI-generated tell — use whitespace or a
background block instead).
- Low-contrast text/icons (verify pairs with
media.color-check).
- Centered paragraphs; random inconsistent gaps; one styled slide among plain
ones; leftover
xxxx/lorem placeholder text.
QA loop (required — assume there are problems)
- Render with
pptx.render_slides (or pptx.thumbnail for an overview).
- Read the images back with vision and hunt: overlaps, text overflow/
clipping, decorative lines under wrapped titles, footers colliding with
content, gaps <0.3", margins <0.5", misaligned columns, low contrast,
leftover placeholders. Also run
pptx.check_overlaps for geometric issues.
- Fix, then re-verify the affected slides — one fix often creates another.
- Grep the extracted text for
xxxx|lorem|ipsum before declaring done.
Do not declare success until at least one fix-and-verify cycle has run.
1---2name: deck-design3version: 1.0.04description: Visual design doctrine for slide decks — bold content-informed palettes, type pairing, varied layouts, and the assume-there-are-problems QA loop. Condensed from grok's pptx design guidance; pairs with the pptx.* tools. Full doc in references/.5author: matrixx00706tags: [slides, presentation, deck, design, visual-qa]7triggers:8 - design a deck9 - design the slides10 - make a pitch deck11 - build a pitch deck12 - create a presentation13 - make a presentation14 - make slides15 - build a deck16 - slide design17 - pick a color palette for18 - make these slides look good19 - improve the deck20---2122# Deck design — don't ship boring slides2324Full doc: `skills/deck-design/references/FULL_SKILL.md`. Mechanics:25`pptx.find_template` (start from one of 193 professional templates),26`pptx.create`, the unpack/set_text/check_overlaps/pack workflow, and27`pptx.render_slides` for QA. Color accessibility: `media.color-check`.2829## Before starting3031- **Bold, content-informed palette.** It should feel designed for THIS topic —32 if swapping the colors into an unrelated deck would still "work," they aren't33 specific enough. Don't default to generic blue.34- **Dominance over equality.** One color carries 60–70% of the visual weight,35 1–2 supporting tones, one sharp accent. Never weight all colors equally.36- **Dark/light sandwich.** Dark title + conclusion, light content — or commit37 to dark throughout for a premium feel.38- **One repeated motif** (rounded image frames, icons in colored circles, a39 thick single-side border) carried across every slide.4041## Every slide4243- **Needs a visual element** — image, chart, icon, or shape. Text-only slides44 are forgettable.45- **Vary layouts**: two-column, icon+text rows, 2×2/2×3 grids, half-bleed image46 with overlay, big-stat callouts, comparison columns, timelines. Never repeat47 the same text-heavy layout every slide.48- **Left-align body**; center only titles. Size contrast: titles 36pt+ vs body49 14–16pt.5051## Type5253Pick a header font with personality + a clean body font (Georgia/Calibri,54Cambria/Calibri, Arial Black/Arial…) — don't default to Arial for both.55Title 36–44 bold · section header 20–24 bold · body 14–16 · caption 10–12 muted.5657## Never (AI-slide tells)5859- Accent line under a title (the #1 AI-generated tell — use whitespace or a60 background block instead).61- Low-contrast text/icons (verify pairs with `media.color-check`).62- Centered paragraphs; random inconsistent gaps; one styled slide among plain63 ones; leftover `xxxx`/lorem placeholder text.6465## QA loop (required — assume there are problems)66671. Render with `pptx.render_slides` (or `pptx.thumbnail` for an overview).682. **Read the images back with vision** and hunt: overlaps, text overflow/69 clipping, decorative lines under wrapped titles, footers colliding with70 content, gaps <0.3", margins <0.5", misaligned columns, low contrast,71 leftover placeholders. Also run `pptx.check_overlaps` for geometric issues.723. Fix, then **re-verify the affected slides** — one fix often creates another.734. Grep the extracted text for `xxxx|lorem|ipsum` before declaring done.7475Do not declare success until at least one fix-and-verify cycle has run.