presentation-design

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Presentation Design

演示文稿设计

Create a premium 6-slide presentation design board as one single composite image — a board view that lets the user see the whole deck at a glance, TV-ready and cinematic.

Primary use cases: PPT design concepts, keynote-style slide mockups, strategy deck visuals, event / news / sports / business analysis decks, editorial data stories, executive presentations.

创建一张包含6页优质演示文稿的合成设计板图片——这种板视图使用户可以一眼查看整个演示文稿，且适配电视播放、具有电影质感。

主要适用场景：PPT设计概念、Keynote风格幻灯片Mockups、战略演示视觉稿、活动/新闻/体育/商业分析演示文稿、社论数据故事、高管演示文稿。

Image Generation Requirement

图像生成要求

The final board must be generated by an image-generation model (use the built-in

image_gen

tool by default, or an approved project image-generation workflow). Do not create the board with code, SVG, HTML/CSS, canvas, diagrams, placeholder drawings, or deterministic shape scripts. Those methods may be used only for non-visual file operations or optional post-processing after the model-generated image exists.

Save the model-generated raster output to

presentations/{name}.png

. If the model output cannot be saved directly, locate the generated raster asset and move/copy it into the required path; do not recreate it programmatically.

最终设计板必须由图像生成模型生成（默认使用内置的

image_gen

工具，或经批准的项目图像生成工作流）。不得使用代码、SVG、HTML/CSS、画布、占位图绘制或确定性形状脚本创建设计板。这些方法仅可用于非可视化文件操作，或在模型生成图像完成后的可选后期处理。

将模型生成的栅格输出保存至

presentations/{name}.png

。若模型输出无法直接保存，请找到生成的栅格资源并将其移动/复制至指定路径；请勿通过编程方式重新创建。

Output Contract

输出约定

One single image containing all 6 slides:

text

┌──────────────┬──────────────┐
│ 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

一张包含全部6页幻灯片的单张图片：

text

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

共6页幻灯片
2列×3行布局
每页幻灯片视觉比例为16:9
整体合成设计板比例为3:2
单张合成PNG图片

Output Location

输出位置

text

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

Use lowercase, hyphenated, ASCII-safe names. For revisions, suffix with

-v2

-final

-alt-a

. Do not overwrite existing files unless the user asks for replacement.

text

presentations/
  {name}.plan.md     # 已确认的演示文稿规划（规格说明）
  {name}.png         # 最终合成图片

使用小写、连字符分隔的ASCII安全名称。如需修订，添加后缀

-v2

、

-final

、

-alt-a

。除非用户要求替换，否则请勿覆盖现有文件。

Inputs to Extract

需要提取的输入信息

Before designing, identify:

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.

If the user does not specify language, use the user's local language.

设计前需明确：

演示文稿的主题/内容。
受众（高管、粉丝、普通大众、B2B客户、学生等）。
风格基调（电影质感、分析性、庆祝性、紧迫感、高端感、趣味性）。
品牌颜色或必需的强调色（如有）。
幻灯片文本的必需语言（英文、中文、双语等）。
必须包含的特定数据、图表、地图、肖像、产品或象征性视觉元素。
指定的输出名称（如有）。

若用户未指定语言，则使用用户的本地语言。

Workflow

工作流程

Extract inputs from the user's brief (see Inputs to Extract).
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.
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.
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.
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.
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
```
.
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.
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.
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.

提取输入信息：从用户的需求简述中提取信息（参见需要提取的输入信息）。
询问用户选择风格模式：
light
（浅色）或
dark
（深色）——必须通过
```
AskUserQuestion
```
询问（不得自行推断）。当主题不明确时，默认推荐
```
dark cinematic
```
（深色电影质感）模式。
加载
references/style-modes.md
，选择最合适的子模式（例如，NBA回顾选择
```
dark sports broadcast
```
（深色体育播报风格），B2B SaaS推介选择
```
light minimal keynote
```
（浅色极简Keynote风格））。向用户简要说明所选的配色方案和排版方向。
加载
references/slide-layouts.md
，选择6种布局，共同构成连贯的叙事脉络。混合使用不同布局——请勿所有6页都重复使用同一种布局。除非主题有特殊要求，否则第1页始终使用
```
hero-title
```
（主标题）布局，第6页始终使用
```
closer
```
（收尾）布局。向用户说明所选的布局顺序。
撰写演示文稿规划（必填）并保存至
```
presentations/{name}.plan.md
```
。针对6页幻灯片中的每一页，需包含：
- ```
slide_no
```
  ——
```
01
```
  –
```
06
```
  。
- ```
layout
```
  —— 布局库中的某一名称。
- ```
title
```
  —— 将出现在幻灯片上的标题。
- ```
subtitle
```
  —— 可选的单行说明文字。
- ```
content
```
  —— 3–6条简短要点/关键点，使用幻灯片原生语言（请勿使用段落式长文）。
- ```
visual
```
  —— 对占据幻灯片的主图、图表、地图、肖像或象征性视觉元素的描述，以及其与文本的整合方式。
- ```
accent_use
```
  —— 强调色在本页幻灯片中的应用位置（标题、分隔线、图表高亮等）。
将规划展示给用户并等待确认或修订。若用户提出修订，更新
```
presentations/{name}.plan.md
```
并再次确认后再继续。
用户确认规划后，生成首张合成图片：使用
```
image_gen
```
工具。通过组合以下内容构建提示词：
- 输出约定（3:2比例的设计板、2×3网格的16:9幻灯片、单张PNG图片）。
- 从
```
references/style-modes.md
```
  中选择的风格模式+配色方案+排版方向。
- 针对6页幻灯片中的每一页：已确认规划中的布局名称+标题+内容要点+视觉描述+强调色应用方式。
- 内容密度规则和设计板级别的构图规则（见下文）。
将结果保存至
```
presentations/{name}.png
```
。
对渲染后的图片进行自我校验（必填）。检查保存的PNG图片，运行两轮校验——第一轮：结构与叙事和第二轮：视觉打磨——校验对象为实际渲染结果，而非仅针对规划。需重点检查：
- 网格为2×3布局，且每页幻灯片视觉比例为16:9。
- 幻灯片标题存在、清晰可读且与规划一致。
- 强调色在所有6页幻灯片中的使用保持一致。
- 图像处理看起来自然整合，而非粘贴的库存图片。
- 每页幻灯片的布局与指定的布局名称匹配。
- 无冗余或偏离主题的幻灯片。
- 图表、地图、数字和引用内容在电视尺寸的屏幕上清晰可读。
决定：交付或重新生成。若自我校验发现重大问题，则重新生成——要么使用更严谨的提示词重新渲染整个设计板，要么进行针对性修复（针对有问题的幻灯片重新生成提示词，指示模型保留设计板的其余部分）。自动重新生成的次数上限为2次，若仍有问题则告知用户。将最终确认的图片保存至
```
presentations/{name}.png
```
（覆盖之前的草稿）；可选择保留
```
presentations/{name}-v1.png
```
等文件用于调试。
向用户反馈：提供保存的图片路径、演示文稿规划路径、所选的风格模式、布局顺序，以及自我校验未能完全解决的问题的简短说明。

Content Density Rules

内容密度规则

Each slide should be rich but not cluttered. Preferred density per slide:

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.

Avoid: essay-like writing, too many bullet points, overexplaining, raw article summaries, tiny unreadable text, excessive icons, inconsistent information density.

Use slide-native language: short, sharp, visual, structured, easy to scan.

每页幻灯片应内容丰富但不杂乱。每页幻灯片的推荐密度：

1个主标题。
1条简短副标题或说明文字（可选）。
3–6条简短内容要点。
1个主导视觉元素（主图、图表、地图、肖像、产品或象征性场景）。
可选的图表、指标卡片或时间轴元素。

避免：段落式长文、过多要点、过度解释、原始文章摘要、难以辨认的小字体、过多图标、信息密度不一致。

使用幻灯片原生语言：简短、清晰、视觉化、结构化、易于浏览。

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.

整张图片比例为3:2。
6页幻灯片按2列×3行排列。
幻灯片之间有清晰的间隔或细微边框。
设计板的边距保持一致。
所有6页幻灯片共享相同的风格模式、强调色系统和排版——整个演示文稿在视觉上需保持统一。
强调色在所有6页幻灯片中的使用必须保持一致。
每页幻灯片应具有清晰的焦点、明确的标题层级、足够的留白、自然整合的视觉元素、可读的文本，以及符合质量标准中定义的高端演示文稿质感。

Self-Reflection Loop

自我校验循环

Always run both passes before declaring the board final.

在宣布设计板最终完成前，必须运行两轮校验。

Pass 1 — Structure & Story

第一轮 —— 结构与叙事

Check:

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?

Improve: slide sequence, narrative clarity, content hierarchy, factual compression, section naming.

检查：

6页幻灯片的叙事是否连贯？
每页幻灯片是否有明确的作用？
顺序是否符合逻辑？
是否有遗漏内容？
是否有冗余幻灯片？
内容是否过于模糊或拥挤？

优化方向：幻灯片顺序、叙事清晰度、内容层级、信息压缩、章节命名。

Pass 2 — Visual Polish

第二轮 —— 视觉打磨

Check:

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?

Improve: contrast, spacing, typography, color balance, hero image integration, chart readability, cinematic depth, consistency.

检查：

设计板是否具有高端质感？
所选模式（浅色或深色）是否优雅，而非浑浊或平淡？
设计是否适配电视显示？
图像是否自然嵌入？
是否存在重复或乏味的布局？
对比度是否足够？
所有6页幻灯片是否看起来属于同一演示文稿？

优化方向：对比度、间距、排版、色彩平衡、主图整合度、图表可读性、电影质感、一致性。

Quality Bar

质量标准

The final design should feel like:

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

The final design must not feel like:

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

最终设计应具备以下质感：

高端会议演示文稿
顶级体育播报图形套装
电影质感的战略演示文稿
社论风格的数据故事
适配电视的高管演示文稿

最终设计不得呈现以下质感：

随机拼贴画
六张无关的海报
漫画页面
低质量信息图
普通文档
杂乱的仪表盘
通用模板

References

参考资料

Load these on-demand during the workflow — they are not read by default to keep this file lean.

```
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.

在工作流程中按需加载这些资料——默认不读取这些文件以保持本文件简洁。

```
references/slide-layouts.md
```
—— 命名布局库。在工作流程第4步选择6页幻灯片布局时加载。
```
references/style-modes.md
```
—— 包含浅色/深色子模式及具体配色方案和排版方向的资料。在工作流程第3步用户选择浅色或深色模式后加载。