前端幻灯片助手

这个技能能帮你做什么

做演示文稿不必依赖 PPT 或 Keynote，这个技能能帮你创建直接在浏览器中运行的 HTML 幻灯片。它的特点是视觉效果出色、动画流畅、无需安装软件，而且可以根据你的风格偏好定制。

简单说，它能帮你：

• 从零创建 —— 根据你的内容，生成一套精美的 HTML 演示文稿
• PPT 转换 —— 将现有的 PPT 文件转换为网页版，保留内容和结构
• 风格定制 —— 提供多种视觉风格选择，找到最适合你演示主题的风格
• 动画效果 —— 添加流畅的切换动画和元素动画，提升演示体验
• 响应式适配 —— 适配不同屏幕尺寸，从大屏到小屏都能正常显示

什么时候用

要做演讲时 —— 需要一套视觉效果出色的演示文稿

有 PPT 要优化时 —— 把旧的 PPT 转成更现代的网页版

不知道用什么风格时 —— 它会帮你探索不同的视觉风格，找到最合适的

想要独特风格时 —— 不想用千篇一律的模板，想要有辨识度的设计

需要分享方便时 —— HTML 文件可以直接分享，对方用浏览器就能打开

主要功能

1. 内容准备
   • 支持导入现有内容（文字、图片、备注）
   • 自动提取 PPT 中的文本和图片
   • 根据内容长度建议合适的幻灯片数量
2. 风格探索
   • 先了解你想要的氛围（专业、活力、专注、灵感）
   • 生成多个风格预览，供你选择
   • 支持混搭不同风格的元素
3. 幻灯片制作
   • 自动适配屏幕，确保每页内容刚好填满一屏
   • 合理的排版和间距，确保可读性
   • 支持标题页、内容页、图片页、引用页等多种版式
4. 动画效果
   • 页面切换动画
   • 元素进入动画（滚动触发）
   • 支持键盘、鼠标、触摸等多种操作方式
   • 尊重用户的"减少动画"偏好设置
5. 技术特性
   • 纯 HTML/CSS/JS，无需任何依赖
   • 支持键盘导航（左右方向键）
   • 支持触摸滑动
   • 显示进度指示器

怎么用

从零创建 —— 告诉它"我要做一个关于 XXX 的演示"，它会引导你完成

转换 PPT —— 上传 PPT 文件，它会提取内容并转换为 HTML 版

选择风格 —— 它会生成几个风格预览供你选择，或者你描述想要的感觉

调整内容 —— 生成后可以继续修改文字、调整排版、更换配色

核心原则

制作演示文稿时，记住这几条原则：

1. 一页一屏 —— 每页幻灯片刚好填满一个屏幕，不要滚动
2. 内容精炼 —— 每页不要放太多内容，重点突出
3. 视觉优先 —— 能用图说明的不要只放文字
4. 风格统一 —— 字体、颜色、间距要保持一致
5. 动画克制 —— 动画要有意义，不要为了动而动

内容密度建议

• 标题页：主标题 + 副标题 + 可选标语
• 内容页：标题 + 4-6 个要点，或 2 段短文
• 网格页：最多 6 个卡片
• 代码页：最多 8-10 行代码
• 引用页：1 句引用 + 出处
• 图片页：1 张图片，适配屏幕尺寸

适用场景

• 技术演讲/分享
• 产品路演/融资 pitch
• 企业内部培训
• 工作坊/教学
• 会议报告
• 任何需要演示文稿的场景

不适用场景

• 需要打印的文档（虽然可以打印，但不是主要用途）
• 复杂的交互原型（这个是演示文稿，不是原型工具）
• 大量数据的展示（适合图表，不适合大表格）
• 需要实时协作编辑（目前不支持多人同时编辑）