Presentation Design

Image Generation Requirement

image_gen

presentations/{name}.png

Output Contract

┌──────────────┬──────────────┐
│ Slide 01     │ Slide 02     │
├──────────────┼──────────────┤
│ Slide 03     │ Slide 04     │
├──────────────┼──────────────┤
│ Slide 05     │ Slide 06     │
└──────────────┴──────────────┘

• 6 slides total
• 2 columns × 3 rows
• each slide visually reads as 16:9
• overall composite board is 3:2
• single composite PNG

Output Location

presentations/
  {name}.plan.md     # the approved deck plan (spec)
  {name}.png         # the final composite image

-v2

-final

-alt-a

Inputs to Extract

• Topic / subject of the deck.
• Audience (executives, fans, general public, B2B buyers, students, etc.).
• Tone (cinematic, analytical, celebratory, urgent, premium, playful).
• Brand colors or required accents, if any.
• Required language for slide text (English, Chinese, bilingual, etc.).
• Any specific data, charts, maps, portraits, products, or symbolic visuals that must appear.
• Output name, if specified.

Workflow

1. Extract inputs from the user's brief (see Inputs to Extract).
2. Ask the user for style mode:

   light

   or

   dark

   — always ask via

   AskUserQuestion

   (do not silently infer). Offer

   dark cinematic

   as the default suggestion when the topic is ambiguous.
3. Load

   references/style-modes.md

   and pick the most appropriate sub-mode (e.g.

   dark sports broadcast

   for an NBA recap,

   light minimal keynote

   for a B2B SaaS pitch). Briefly state the chosen palette and typography direction to the user.
4. Load

   references/slide-layouts.md

   and select 6 layouts that together form a coherent narrative arc. Mix layouts — do not repeat the same one across all 6. Always use

   hero-title

   for slide 01 and

   closer

   for slide 06 unless the topic demands otherwise. State the chosen layout sequence.
5. Write the deck plan (mandatory) to

   presentations/{name}.plan.md

   . For each of the 6 slides include:

   • slide_no

     —

     01

     –

     06

     .

   • layout

     — one of the names from the layout library.

   • title

     — the headline that will appear on the slide.

   • subtitle

     — optional one-line framing.

   • content

     — 3–6 short bullets / key points in slide-native language (no essay paragraphs).

   • visual

     — description of the hero image, chart, map, portrait, or symbolic visual that occupies the tile, plus how it integrates with the text.

   • accent_use

     — where the accent color appears on this slide (title, divider, chart highlight, etc.).
   Show the plan to the user and wait for confirmation or revisions. If the user revises, update

   presentations/{name}.plan.md

   and re-confirm before proceeding.
6. After the user approves the plan, generate the first composite image with

   image_gen

   . Build the prompt by composing:
   • Output contract (3:2 board, 2×3 grid of 16:9 tiles, single PNG).
   • Selected style mode + palette + typography direction from

     references/style-modes.md

     .
   • For each of the 6 slides: layout name + title + content bullets + visual description + accent usage from the approved plan.
   • Content density rules and board-level composition rules (see below).
   Save the result to

   presentations/{name}.png

   .
7. Self-reflect on the rendered image (mandatory). Inspect the saved PNG and run both passes — Pass 1: Structure & Story and Pass 2: Visual Polish — against the actual rendered result, not just the plan. Check specifically for:
   • Grid is 2×3 and each tile reads as 16:9.
   • Slide titles are present, legible, and match the plan.
   • Accent color is used consistently across all 6 slides.
   • Image treatment looks integrated, not pasted-on stock-photo.
   • Layouts on each tile match the assigned layout names.
   • No redundant or off-topic slides.
   • Charts, maps, numbers, and quotes are readable on a TV-sized screen.
8. Decide: ship or regenerate. If self-reflection finds material issues, regenerate — either re-render the full board with a tightened prompt, or do a targeted fix (re-prompt focused on the broken slide(s), instructing the model to preserve the rest of the board). Cap automatic regeneration at 2 retries before surfacing remaining issues to the user. Save the final accepted image to

   presentations/{name}.png

   (overwrite prior drafts); optionally keep

   presentations/{name}-v1.png

   etc. for debugging.
9. Respond to the user with: the saved image path, the deck plan path, the style mode chosen, the layout sequence, and a short note on anything the self-reflection could not fully resolve.

Content Density Rules

• 1 main title.
• 1 short subtitle or framing line (optional).
• 3–6 short content points.
• 1 dominant visual system (hero image, chart, map, portrait, product, or symbolic scene).
• Optional chart, metric card, or timeline element.

Board-Level Composition Rules

• The full image is 3:2.
• The 6 slides are arranged in 2 columns × 3 rows.
• Slides have clean gutters or subtle borders between tiles.
• Consistent margins across the board.
• All 6 tiles share the same style mode, accent system, and typography — the deck must feel unified at a glance.
• Accent color usage must be consistent across all 6 slides.
• Each slide should have a clear focal point, strong title hierarchy, enough breathing room, integrated visuals, readable text, and the premium presentation feel defined in Quality Bar.

Self-Reflection Loop

Pass 1 — Structure & Story

• Is the 6-slide story coherent?
• Does each slide have a clear role?
• Is the order logical?
• Is anything missing?
• Is any slide redundant?
• Is the content too vague or too crowded?

Pass 2 — Visual Polish

• Does the board look premium?
• Is the chosen mode (dark or light) elegant, not muddy or flat?
• Is the design suitable for TV display?
• Are the images naturally embedded?
• Are there repeated or boring layouts?
• Is the contrast strong enough?
• Do all 6 slides feel like one deck?

Quality Bar

• a premium conference deck
• a high-end sports broadcast graphic package
• a cinematic strategy presentation
• an editorial data story
• a TV-ready executive presentation

• a random collage
• six unrelated posters
• a comic page
• a low-effort infographic
• a plain document
• a cluttered dashboard
• a generic template

References

• references/slide-layouts.md

  — named layout library. Load at workflow step 4 when choosing the 6-slide composition.

• references/style-modes.md

  — light / dark sub-modes with concrete palettes and typography direction. Load at workflow step 3 after the user picks light or dark.