SuperAPI AI 工具集

frontend-slides

前端与建站

查看项目

更新于 10-15 21:08

技能介绍

用途:创建零依赖、动画丰富的 HTML 演示文稿,可从头生成,也可将 .pptx 文件转换为 HTML。所有内容打包为单个 HTML 文件,内联 CSS/JS,直接在浏览器运行,无需 npm 或构建工具。

主要能力:提供从内容发现、风格预览到生成、交付的完整流程。支持三种模式:新建演示、PPT 转换、增强现有 HTML 演示。生成时强调独特设计,避免通用“AI 风格”,注重排版、配色、动效与背景氛围。强制视口适配:每张幻灯片必须恰好占满 100vh,禁止滚动,内容超出则拆分为多张。对每类幻灯片有内容密度上限。

使用方式:新建时先通过提问收集用途、长度、内容与是否需浏览器内编辑;如有图片则评估并共同设计大纲。风格阶段生成 3 个单页预览供选择,或从预设中直接挑选。生成时需读取 html-template.md、viewport-base.css、animation-patterns.md,并将 viewport-base.css 完整内联。PPT 转换使用 python scripts/extract-pptx.py <input.pptx> <output_dir>(需 pip install python-pptx)。交付后可选部署到 Vercel(bash scripts/deploy.sh <path>)或导出 PDF(bash scripts/export-pdf.sh <path-to-html> [output.pdf])。

适用场景:路演、教学、会议演讲、内部汇报等需要视觉化演示的场合。

限制:视口适配为硬性要求,内容超限必须拆分。PDF 导出不保留动画与交互,仅静态快照;首次导出需下载 Chromium,可能较慢。部署时本地图片需随 HTML 一起上传,建议整目录部署。幻灯片须使用 class="slide",图片须用相对路径。具体收费、价格与平台细节资料未提供。