关于 presentation-design
presentation-design 是用于制作电视屏幕适用的六页演示板的 skill,最终输出为一张合成图。它涵盖需求提取、方案确认、图像生成和成品检查。
主要功能
- 01六页组成 2×3 合成图
- 02编写含标题与视觉说明的方案
- 03使用图像生成模型制作演示板
- 04选择风格与版式
- 05检查成图并按需修订
适用场景
- 01构思高管演示文稿
- 02制作 keynote 风格幻灯片样稿
- 03设计战略或商业演示文稿
- 04创作编辑式数据故事
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ agentara/ skills --skill presentation-design安装后在 Claude Code 中输入/presentation-design确认已加载。
附带文件references/slide-layouts.mdreferences/style-modes.md
详细介绍
演示文稿设计
制作一张高端 6 页演示文稿设计板,将所有页面整合为一张图片,让用户一眼纵览整套演示文稿,适合电视展示,富有电影感。
主要用途:PPT 设计概念、主题演讲风格的幻灯片样稿、战略演示文稿视觉设计、活动/新闻/体育/商业分析演示文稿、编辑式数据故事、高管演示文稿。
图像生成要求
最终设计板必须由图像生成模型生成(默认使用内置的 image_gen 工具,或经批准的项目图像生成工作流)。不要使用代码、SVG、HTML/CSS、画布、图表、占位图或确定性形状脚本来制作设计板。这些方法只能用于非视觉文件操作,或在模型生成图像后进行可选的后期处理。
将模型生成的栅格图像保存到 presentations/{name}.png。如果无法直接保存模型输出,请找到生成的栅格素材并将其移动/复制到指定路径;不要通过编程重新制作。
输出约定
一张图片包含全部 6 页幻灯片:
┌──────────────┬──────────────┐
│ Slide 01 │ Slide 02 │
├──────────────┼──────────────┤
│ Slide 03 │ Slide 04 │
├──────────────┼──────────────┤
│ Slide 05 │ Slide 06 │
└──────────────┴──────────────┘
- 共 6 页幻灯片
- 2 列 × 3 行
- 每页视觉比例均为 16:9
- 整体合成设计板比例为 3:2
- 单张合成 PNG
输出位置
presentations/
{name}.plan.md # the approved deck plan (spec)
{name}.png # the final composite image
使用小写、连字符分隔且仅含 ASCII 字符的名称。修订版使用 -v2、-final、-alt-a 等后缀。除非用户要求替换,否则不要覆盖现有文件。
需要提取的信息
设计前,请确定:
- 演示文稿的主题/内容。
- 受众(高管、粉丝、普通公众、B2B 买家、学生等)。
- 风格基调(电影感、分析性、庆祝感、紧迫感、高端、活泼)。
- 品牌颜色或必需的强调色(如有)。
- 幻灯片文本所需的语言(英语、中文、双语等)。
- 必须呈现的具体数据、图表、地图、肖像、产品或象征性视觉元素。
- 输出名称(如有指定)。
如果用户未指定语言,请使用用户所在地区的语言。
工作流
-
从用户的需求简介中提取输入信息(参见 需要提取的输入信息)。
-
询问用户选择样式模式:
light或dark——始终通过AskUserQuestion提问(不要默默推断)。如果主题含义不明确,建议默认选择dark cinematic。 -
加载
references/style-modes.md并挑选最合适的子模式(例如,NBA 赛事回顾选dark sports broadcast,B2B SaaS 推介选light minimal keynote)。简要向用户说明所选的配色和字体方向。 -
加载
references/slide-layouts.md并选择 6 种布局,共同构成连贯的叙事弧线。混合使用不同布局——不要 6 页都重复同一种布局。第 01 页始终使用hero-title,第 06 页始终使用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等版本用于调试。 -
回复用户时提供:已保存的图像路径、演示文稿规划路径、所选样式模式、布局顺序,以及一条简短说明,告知自我检查中未能完全解决的问题(如有)。
内容密度规则
每张幻灯片都应内容丰富,但不显杂乱。每张幻灯片建议包含:
- 1 个主标题。
- 1 条简短副标题或引导语(可选)。
- 3–6 条简短内容要点。
- 1 个主导视觉系统(主视觉图、图表、地图、人物肖像、产品或象征性场景)。
- 可选的图表、指标卡片或时间线元素。
避免:文章式写作、过多的项目符号、过度解释、生硬的文章摘要、难以辨认的小字、过多的图标、信息密度不一致。
使用适合幻灯片的语言:简短、有力、可视化、结构清晰、易于浏览。
董事会级构图规则
- 完整图像的比例为 3:2。
- 6 张幻灯片按 2 列 × 3 行 排列。
- 幻灯片之间使用整洁的间距或细微边框。
- 整个版面保持统一的边距。
- 6 个版块使用相同的风格模式、强调色体系和字体排版——整套演示文稿一眼看上去必须浑然一体。
- 6 张幻灯片中的强调色使用必须保持一致。
- 每张幻灯片都应有明确的视觉焦点、鲜明的标题层级、充足的留白、融合自然的视觉元素、清晰易读的文字,并达到 质量标准 中定义的高级演示效果。
自我审查流程
在确定最终版面之前,务必完成两轮审查。
第 1 轮——结构与叙事
检查:
- 6 张幻灯片组成的故事是否连贯?
- 每张幻灯片是否都有明确的作用?
- 顺序是否合理?
- 是否有所遗漏?
- 是否有重复的幻灯片?
- 内容是否过于模糊或拥挤?
改进:幻灯片顺序、叙事清晰度、内容层级、事实精简、章节命名。
第 2 轮——视觉润色
检查:
- 整体版面是否显得高级?
- 所选模式(深色或浅色)是否优雅,而非暗沉或平淡?
- 设计是否适合在电视上展示?
- 图片是否自然融入版面?
- 布局是否重复或乏味?
- 对比度是否足够强?
- 6 张幻灯片是否看起来像同一套演示文稿?
改进:对比度、间距、字体排版、色彩平衡、主视觉融合、图表可读性、电影感层次、一致性。
质量标准
最终设计应当给人以下感受:
- 高级会议演示文稿
- 高端体育赛事转播图形包装
- 电影感十足的策略演示文稿
- 编辑风格的数据故事
- 可在电视上展示的高管演示文稿
最终设计不得给人以下感受:
- 随意拼贴
- 六张互不相关的海报
- 漫画页面
- 敷衍的信息图
- 普通文档
- 杂乱的仪表板
- 通用模板
参考资料
在工作流中按需加载这些资料——默认不读取,以保持此文件精简。
references/slide-layouts.md— 命名布局库。在工作流第 4 步选择 6 张幻灯片的构图时加载。references/style-modes.md— 浅色 / 深色子模式,包含具体配色和字体排版方向。在用户选择浅色或深色后,于工作流第 3 步加载。