SuperAPI AI 工具集

html-presentations

前端与建站

查看项目

更新于 10-15 21:09

技能介绍

用途:把 Markdown 规格文件(spec.md)转换成 HTML 演示文稿,使用 Poimandres 主题模板。当用户要求创建演示文稿或幻灯片时使用。

主要能力:解析规格文件生成幻灯片。以 * * * 分隔单页;# 为标题页(h1),## 为页标题(h2),- 为项目符号列表,粗体为强调,> 为引用块,<img> 保留为图片,mermaid 为 Mermaid 图表,<!-- image gallery - VERTICAL --> 将图片拆分为每页一张,<!-- 注释 --> 作为布局提示。每页为 <section class="slide">,标题页与图片页加 centered。保留模板 head(样式、脚本、Mermaid 配置)及底部导航与脚本。输出到规格文件同目录的 index.html,并可用 Bash 打开。

可选单文件:运行 {SKILLBASE}/scripts/create_standalone.sh /path/to/presentation/folder,将 PNG 以 base64 内嵌,生成约 2-3MB 的 FOLDERNAME-standalone.html,可在任意浏览器打开。

可用 CSS 类:.slide、.slide.centered、.slide.top;颜色 .accent、.green、.yellow、.pink、.cyan、.muted;布局 .columns、.split、.gallery;元素 .subtitle、.small、.quote、.big-number、.badge、.reveal。

渐进展示:给幻灯片加 data-progressive,标题先显示,<li> 与 .reveal 元素随每次前进逐个显示;全部显示后进入下一页,返回时全部可见。渐进页使用 padding-top: 15vh 而非垂直居中。

限制:资料未提供安装方式、收费、平台与效果信息。