SuperAPI AI 工具集

make-revealjs-presentation

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:当用户想要基于 RevealJS 的幻灯片,或希望从仓库自带模板开始新演讲时使用此技能。

主要能力:从捆绑模板 ./assets/index.html 出发,复制到目标输出路径后编辑,而非从零重建 RevealJS 外壳。保留 RevealJS CDN 引入和 Reveal.initialize(...) 块,除非用户明确要求修改。复制后先替换占位符:Talk Title、Conference Name · Month Year、Your Name、Role · Company · website.example,以及 filename.html、example.com/... 等示例链接,再改写或删除示例幻灯片以匹配主题。

模板约定:模板刻意保持简单,接近原生 RevealJS。分节页使用 class="heading-only";代码页就是带 <pre><code> 的普通 section;若某页需抑制代码徽章或复制按钮插件,给该 section 加 class="no-code-badge"。

定制要点:正文字体在 .reveal 规则中修改,标题字体在 .reveal h1/h2/h3 中修改,正文尺寸在 .reveal p/li/td/th 的 font-size 调整,代码块样式在 .reveal pre 与 .reveal pre code 调整。分节页外观由 section.heading-only 及下划线规则控制,删除该块可让分节页更接近普通标题。使用 Web 字体时需在 <head> 添加对应 <link rel="stylesheet">。

无障碍:保持文字与背景对比度可访问,链接需有可辨识文本,有意义的图片需有 alt 文本。RevealMenu 插件已知问题:其生成的菜单触发器可能缺少可辨识的无障碍名称,即使用户保留该插件,这可能仍作为 axe 违规存在。

验证:创建或编辑后校验 HTML 诊断,在集成浏览器中打开;若用户要求无障碍审查,可在渲染页面运行 axe-core(示例使用 cdnjs 的 axe.min.js 4.10.2),报告时区分真实违规与不确定检查,指出具体 HTML 或选择器,并区分幻灯片作者问题与插件生成问题。

限制:默认保持黑白配色,除非用户要求主题化;优先使用普通 section、标题、列表、表格、图片和代码块,不添加额外装饰性 CSS,除非用户要求更强视觉风格。