SuperAPI AI 工具集

html-slide-builder

前端与建站

查看项目

更新于 10-16 00:20

技能介绍

用途:把任意教材(文字、Markdown、PDF、讲义或口述主题)转成完整的 Reveal.js HTML 互动简报,并部署到 GitHub Pages。流程为:读取教材→分析大纲并等待使用者确认→生成 HTML 骨架→视觉与互动强化→部署。

主要能力:

  1. 背景底图 [BG]:调用 draw 技能生成深暗色、无文字的抽象底图,以 data-background-image 嵌入,封面透明度 0.3–0.4、一般页 0.12–0.18。
  2. 图标 [ICON]:一次生成图标总表,用 PIL 裁切、去背后以 img 取代 emoji。
  3. 互动 [INTERACT]:Firebase 即时文字云与单选投票,集合按简报 slug 独立命名,并用 Reveal.on('slidechanged') 确保切页后重绘。
  4. 可视化 [VIZ]:clip-path 滑杆揭露效果,适合前后对比、格式转换、A→B 演进。

使用方式:确认大纲后建立项目目录与 images/ 子目录,生成 index.html;底图与图标生成可平行执行。部署命令:git init、git add .、git commit,再用 gh repo create 推送,并以 gh api repos/<账号>/<repo-name>/pages 开启 Pages(分支用 git rev-parse --abbrev-ref HEAD 动态取得)。

适用场景:教学简报、课程讲义、概念讲解与需要即时互动的演示。

限制:需先安装并配置 draw 技能与 Firebase;大纲阶段必须等待使用者确认;首次部署约 1–3 分钟生效;其余细节暂未提供。