SuperAPI AI 工具集

frontend-slides

设计与创作

查看项目

更新于 10-16 09:33

技能介绍

用途:从零创建或转换 PowerPoint 为带动画的 HTML 演示文稿,零依赖,单 HTML 文件内联 CSS/JS,全部在浏览器运行。可读取 brand/creative-kit.md 获取品牌色与字体、brand/voice-profile.md 获取文案语气;不存在时按零上下文正常进行。

主要能力:生成视觉预览而非抽象选项,含 12 个风格预设(STYLE_PRESETS.md);支持三种模式:新建演示、PPTX 转换(python scripts/extract-pptx.py <input.pptx> <output_dir>,需 pip install python-pptx)、增强已有 HTML。可选浏览器内联编辑文本,自动保存 localStorage 并导出文件。

使用方式:新建流程为内容发现(目的、长度、内容、是否内联编辑)→图像评估与大纲确认→风格发现(生成 3 个预览到 .claude-design/slide-previews/)→生成演示→交付(删除预览、open [filename].html 打开)。生成前需读取 html-template.md、viewport-base.css(完整包含)、animation-patterns.md。

关键规则:每个 .slide 必须 height:100vh;height:100dvh;overflow:hidden;字号与间距用 clamp();图片 max-height:min(50vh,400px);断点 700/600/500px;支持 prefers-reduced-motion;内容超出则拆分幻灯片,禁止滚动。

转换限制:图表/SmartArt 无法作为活动元素提取,需截图作图片;嵌入视频不能内联,仅记录并链接原文件;自定义动画仅记录并映射到最接近的 CSS 动画;表格转为 HTML,过宽则拆分或响应式滚动;提取失败可请用户导出 PDF 手动提取。

适用场景:路演、教学、会议演讲、内部汇报等需独特设计且无构建依赖的网页演示。限制:PPT 复杂元素无法 1:1 还原,符号取反需用 calc(-1 * clamp(...)),具体收费与平台信息暂未提供。