写了个自动做PPT的OpenClaw Skill——html-ppt-maker

缘起

最近需要频繁做研报PPT,每次都要开PowerPoint、找模板、搜图片、手动排版,烦得很。刚好在折腾OpenClaw的Agent Skills,不如写一个自动生成HTML PPT的技能,一劳永逸。

于是有了 html-ppt-maker

一句话:告诉它主题,它自己去搜资料、找图、排版,最后给你一个单文件 .html,浏览器打开就能翻页看。

它能做什么

网络搜索素材

自动搜索主题相关的最新资料和数据,整理成PPT内容。不需要你提前准备素材。

️ 在线找图 + 标注来源

从Unsplash等图库找合适的配图,嵌入PPT并标注图片来源。再也不用去水印网一张张下载了。

输出单文件HTML

一个 .html 文件搞定全部页面,16:9 卡片布局,章节间有蓝色分隔页,滚动即翻页。不用装任何软件。

自动排版优化

生成后自动检查字号、留白、颜色对比度。正文18px大字体深色字,浅色背景,清晰可读。

效果预览

我拿 中远海科(002401) 跑了一次,输出29KB的HTML,23页内容:

封面 → 总目录 → [7章×2-4页] → 总结
每章前有蓝色分隔页,右下角页码,全文滚动

打开 html 后,直接浏览器滚动查看,每一页都像真正的PPT卡片。不需要任何额外工具。

技术栈

纯前端,零依赖:

  • CSS Grid 布局(双栏/三栏自适应)
  • CSS 流程图(flex + 流向箭头)
  • 进度条(百分比条)
  • 媒体查询响应式(PC/手机自适应)
  • 所有样式和内容在一个 HTML 里

安装

clawhub install html-ppt-maker

然后在OpenClaw里触发即可。支持任意主题的PPT生成。

链接

#OpenClaw #AgentSkill #HTML #PPT #自动化

posted @ 2026-05-29 09:44  探长78  阅读(59)  评论(0)    收藏  举报