杂志风动画网页 PPT
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_d418f5eb/slide-animation-skill。
技能介绍
要解决的问题
普通演示文稿经常陷入两种极端：PowerPoint 式信息堆砌，或过度设计的网页组件。动画ppt 面向需要离线分享、行业讲话、产品 demo 的单人场景，输出一份可直接打开的 index.html。它把版式、主题色、翻页和动效固化成模板，让内容作者少写 CSS 和 JS，同时避免随手改颜色导致视觉崩坏。
如何工作
技能先生成或对齐大纲，要求明确受众、时长、素材、图片、主题色与硬约束；若缺少大纲，用叙事弧模板搭骨架。随后从 assets/template.html 拷贝模板，只允许选择 5 套预设主题之一，并整体替换 :root 中的颜色变量。内容填充时，从 10 种布局骨架中选择封面、章节幕封、数据大字报、流水线、对比页等，并通过 data-anim 触发 Motion One 入场动效。模板内置 WebGL 背景、衬线标题、非衬线正文、等宽元数据和 Lucide 图标；生成后需对照类名预检、主题节奏与检查清单，确保 h-hero、stat-card、pipeline 等关键类存在，避免样式回退。
适用边界
它适合风格化、单人制作、可离线打开的网页 slides，不适合大段表格、复杂图表、高频培训或多人协作。图片建议放在同级 images/ 目录，使用稳定比例；一份 deck 只用一套主题色，不要中途混色。
使用场景
- 行业内部讲话前，把一份观点文稿整理成 15 页左右、可离线打开的单文件 HTML slides。
- AI 产品 demo day 前，用 5 套预设主题之一生成带 hero 页和入场动效的发布会演示。
- 私享会分享时，把个人文章、截图和案例图排成左文右图、图片网格与流水线版式。
- 演讲收尾阶段，把关键 takeaway 做成大引用页和 Before/After 对比页。
适合人员
- 准备线下分享的独立开发者，想把技术观点做成有个人风格、可离线打开的 HTML slides。
- AI 产品发布负责人，需要在 demo day 前快速产出带 hero 页和动效的发布会演示。
- 行业私享会讲者，希望把文章、截图和案例排成杂志感版式，而不想手工写 CSS。
- 网页演示制作者，需要单文件 slides 支持键盘、滚轮、触屏翻页和主题预设。
相关技能
面向文档总结场景的 HTML 生成工具，可按完整版、精简版或纯静态模式，从上下文提取内容并套用内嵌模板输出单页文档。
面向工程师的邮件办公自动化方案，支持批量发送、Jinja2 模板、附件、定时发送、收件箱监控与规则自动回复。
面向工程师的 .docx 创建、编辑、审阅、解析与转图工作流，依赖 pandoc、docx-js、OOXML、LibreOffice。
封标前扫描 Word/PDF 暗标格式与元数据，比对招标要求并识别公司名、Logo、负责人等身份残留。