SuperAPI AI 工具集

revealjs-presenter

办公与效率

查看项目

更新于 10-15 15:20

技能介绍

RevealJS Presenter 是一个生成 RevealJS HTML 演示文稿的技能,目标是产出布局可靠、排版专业、视觉传达有效的幻灯片。

用途

当需要从内容或大纲创建 RevealJS 演示文稿、把文档内容转换成幻灯片格式、构建路演(pitch deck)、技术演讲或教学演示时使用。用户请求“slides”“presentation”“deck”或提到 RevealJS 时可触发。该技能产出单个自包含的 HTML 文件,内嵌 CSS 并引用 CDN。

基础配置与结构

技能要求始终使用以下 RevealJS 初始化设置:hash: true、center: true、transition: 'fade'、transitionSpeed: 'fast'、backgroundTransition: 'fade'、width: 1920、height: 1080、margin: 0.08、minScale: 0.2、maxScale: 2.0。其中 center: true 让 RevealJS 负责垂直居中,不要用 flexbox 与它冲突;1920×1080 为标准 HD 比例,内容会自动缩放;margin 0.08 在视口边缘留出呼吸空间;fade 过渡专业且不分散注意力,避免 zoom、convex 等。

基础 HTML 结构包含 head 中的 RevealJS 样式表(cdnjs 4.6.1 的 reveal.min.css 与 white.min.css 主题)、Google Fonts(Inter、Space Grotesk、JetBrains Mono)、自定义 style 块,body 中为 .reveal > .slides 结构,底部引入 reveal.min.js 并调用 Reveal.initialize。还提供基础 CSS 重置样式,规范字体、字重、颜色、文本对齐、内边距、标题与列表间距等。

主题选择

主题是完整规范,同时控制视觉样式和内容策略。生成任何幻灯片前需先阅读相应主题文件。主题文件规定 CSS 变量(颜色、排版尺寸、间距、字体)、排版应用方式、每类幻灯片的字数上限、幻灯片类型偏好(推荐/少用/避免)、内容节奏(冲击型与信息型幻灯片比例)、结构规则(最大项目符号数、卡片数量、拆分指引)。默认使用 themes/bold.md,除非用户另有指定;现有主题包括 Bold(themes/bold.md,字数最少、冲击力强、结构简单、40% 以上为冲击型幻灯片)和 Corporate(themes/corporate.md,信息密集、内容详细、允许复杂结构)。可能还有 minimal.md(简洁低调设计)。应用主题时需先读完整个主题文件,遵循其内容策略中的字数限制和幻灯片类型选择,纳入其变量与排版部分的全部 CSS,并与基础 CSS 重置结合。

核心组件

  • Bar(强调条):横向条作为视觉锚点和章节指示器,支持 bar-accent-2/3/4 变体,居中布局时自动水平居中。
  • 内容容器 content-wrap:用于需要宽度约束的幻灯片,最大宽度由变量控制。
  • 卡片 .card:次要背景、圆角、内边距、左侧 4px 强调边框,支持强调色变体,含 h3 与 p 样式。
  • 网格布局:grid-2、grid-3、grid-4,以及不等分网格 grid-2-1(2fr 1fr)和 grid-1-2(1fr 2fr)。
  • 幻灯片页脚 .slide-footer:固定定位在底部,用于品牌或上下文信息,放在 reveal 容器之外;深色背景时颜色适配。适用于企业演示、会议演讲等需要持续品牌的场景;注意信息不要过多、字号不要过大、不要分散内容注意力。

幻灯片类型

技能定义了多种幻灯片类型,每种都包含 HTML 结构、使用时机和常见错误:

  • 标题页:开场幻灯片,设定基调与上下文,含 label、h1、bar、lead;仅用于开场,避免文字过多、放议程、堆砌 logo/页脚。
  • 章节分隔页:主要章节间的过渡,通过颜色建立章节识别,3-5 个为宜,建议按章节轮换背景与强调条颜色;不要每个话题切换都用、不要添加章节名之外的内容、不要所有分隔页同色。
  • 单词/短语页:最大冲击力,一个观点、超大字号;用于强调核心概念或过渡停顿,整个演示不超过 2-3 次,不要用于需要解释的概念。
  • 英雄数据页:戏剧性数据时刻,一个数字主导;用于最重要的数据点,通常每场 1-2 个;不要所有数据都用英雄处理、不要埋没在其它内容中。
  • 标准数据页:突出但不作为英雄时刻的数据,用于支撑性数据点、次级指标;避免所有数据同尺寸、缺少上下文标签。
  • 数据集群:2-3 个相关统计并列比较,用于对比相关指标、前后对比、仪表盘式总结;不要超过 3 个、不要混入无关数据。
  • 引用页:带署名的引用,用于专家权威、难忘语句、用户证言;引用控制在 20 词以内、不要缺署名。
  • 单句断言(冲击陈述):值得独占一页的戏剧性陈述,可带内联高亮,有 hero 处理和带上下文标签的变体;用于论点、范式转变、定义论证的关键断言,每场最多 2-4 个;不要过度使用、不要添加支撑文字、不要用于次要观点、不要忘记用高亮强调。
  • 断言+证据:主力幻灯片,清晰主张配视觉证据,含标题、bar、grid-1-2 布局;用于多数内容页,是呈现信息时的默认选择;不要把断言埋进正文、不要没有视觉证据、不要用项目符号列表替代视觉。
  • 卡片网格(2-4 项):多个等权重条目,用于特性、收益、选项、分类等同等重要的项目;不要超过 4 项(拆分成多页)、卡片内不要大段文字。
  • 时间线/阶段:按时间顺序推进,grid-4 含编号、标题、时间、说明;用于项目阶段、历史进程、分步流程;不要超过 5 个阶段、每阶段细节不要过多。
  • 对比(A vs B):两个选项或状态的直接对照,含 Before/After 卡片;用于问题/方案、旧/新、我方/他方对比;不要不公平对比、文字不要过多、不要超过 2 项。
  • 图标网格:概念集群配视觉锚点,内联 SVG 图标提供可扫读地标。

限制

提供的资料中未说明该技能的收费、价格、平台或具体效果等信息,暂未提供。资料在图标网格部分被截断,其完整细节暂未提供。