冲浪2 | 做PPT试试HTML方案
- 2026-11-02 11:53:57
Surfing
冲浪2 | 做PPT试试HTML方案
"造轮子和用轮子，要搭配着做"
背景
工作中需要汇报，或学习时想讲清一个概念，做 PPT 或者画图是件挺麻烦的事。很多 AI 官方提供的方案又太模板化，如果对材料有自己的审美要求，生成的结果往往不太理想。这段时间，越来越多的人开始用网页作为生成汇报材料的媒介。这篇文章会尝试一些方案，让你直观感受目前 AI 做汇报材料的能力。
方案冲浪
做了什么
ui-ux-pro-max-skill
⭐91.4k — 为 AI 提供完整设计系统与 UI/UX 规则
frontend-slides
⭐21.5k — 通过视觉选风格，生成动画丰富的无 AI 感幻灯片
html-anything
⭐6.7k — 用本地代理与模板，将任意输入一键转为可发布 HTML
oh-my-ppt
⭐1.6k — 本地 PPT 编辑器，支持导入/对话修改，侧重演示文稿而非通用 HTML
UI-UX-Slides 静态
让 Agent 生成一个版本后，又提供了四个版本。
做了什么
UI-UX-Slides 静态
初始版本，有翻页和标题能力。可以把提供素材的图片呈现在 HTML 中。
其他风格。
风格 2
风格 3
风格 4
风格 5
Frontend-Slides 静态
通过 Agent 自动安装，也同样生成了五组。
做了什么
Frontend-Slides 静态
惊喜的是这个 Skill 支持输出可以编辑 HTML 文字和保存的功能。
可编辑 1
可编辑 2
可编辑 3
其他风格。
风格 2
风格 3
风格 4
HTML-Anything 静态
通过 Agent 安装后，使用 npm 启动 web 端。
做了什么
HTML-Anything 静态
使用 npm 启动 web 端后的 5 步观察：
1. 自动检测本地 Agent
2. 输入文字
3. 6 分钟生成
4. 支持平台发布（公众号复制有问题，PNG 可以完美保存）
5. 支持模板切换
UI-UX-Slides + 手搓小 Skill 动态
手搓小 Skill 没有风格，只有通过 Remotion 生成 mp4 和 gif 的小工具。开发 MVP 主题。
做了什么
UI-UX-Slides + 手搓小 Skill 动态
手搓小 Skill 没有风格，只有通过 Remotion 生成 mp4 和 gif 的小工具。
开发 MVP 主题。
Frontend-Slides 动态
基于原先效果让 Agent 追加一些动效。
做了什么
Frontend-Slides 动态
选中会有图标交互。
不做任何修改时，可以看到奇怪飞转的飞轮。
结语
· 在系统复杂度上，ui-ux 最轻量，能力依赖模型能力。· 在演示效果上，frontend-slides 最佳，包括静态和动态。适合专业深度报告场景。· 在开箱即用上，html-anything GUI 集成度高，没有进一步深度使用。适合一次性报告场景。· oh-my-ppt 和 html-anything 相近，能力上会有局部增强，但系统架构上 html-anything 会强些。在 frontend-slides 上形成自己的风格，是比较好的做法。但因为 Skill 里已经有大量信息，推荐拆解后对其进化行为进行约束。
后续方向
在 frontend-slides 上形成自己的风格 拆解后对进化行为进行约束
欢迎 点赞 · 转发 · 评论
