SuperAPI AI 工具集

slide-creator

前端与建站

查看项目

更新于 10-16 09:35

技能介绍

用途:以 HTML 构建幻灯片,通过无头 Chromium 导出像素级精确的 16:9 PDF。输出为 PDF,不是 Microsoft PowerPoint(.pptx);PDF 在各设备上保持精确的布局、字体与颜色。选择 HTML→PDF 的原因包括:CSS 布局(Grid/Flexbox)比任何 PPT 编辑器更灵活,可用完整网页排版、渐变、SVG、动画(打印时优雅降级),便于 Git 管理、可复现、可脚本化,一条命令即可产出精确 16:9 页面的 PDF。

主要能力与流程:先识别场景(pitch/投资人/募资、会议/主题演讲、产品发布、报告/研究等,对应不同模板;无匹配时询问用户),必要时启用双语排版,规划页数与每页内容,再进行艺术指导(询问受众与场合、情绪关键词、品牌约束、参考素材;生成含 3 个真实渲染 16:9 预览卡片的 style-picker 页面供用户选择;据选择写 style-brief.md;随后询问 logo/品牌色并内嵌)。之后选定主题、基于 assets/base.css 编写 HTML+CSS、可选浏览器预览,最后导出 PDF:python3 skills/slide-creator/scripts/export_pdf.py --dir <项目目录> --output output/<名称>.pdf,支持 --width、--height 参数。

限制:内容超出 720px 高度会被裁剪;含文字元素的祖先上使用 filter/backdrop-filter 会导致 PDF 文字不可选中,须仅用于无文字的装饰元素;页脚须用 .slide-footer 绝对定位并保留 ≥96px 底部安全区;装饰层 z-index 需为 0、正文为 1;Chromium 预装,勿每次导出都运行 playwright install;字体需 HTTP,导出脚本会自动启动本地服务器;无头 Chromium 可能缺少 emoji 字体,建议用 SVG 图标。