SuperAPI AI 工具集

html-ppt

设计与创作

查看项目

更新于 10-23 05:57

技能介绍

用途 html-ppt 面向需要用静态 HTML/CSS/JS 制作专业演示文稿的场景,强调由设计系统驱动,而不是逐页手工堆样式。

主要能力

  • 主题文件定义一种外观,布局文件定义一种页面类型,动画类定义一种动效,可组合成完整幻灯片。
  • 支持单页布局、整套模板、CSS 或 Canvas 动画效果。
  • 内置键盘导航。
  • 按 S 打开同步的演讲者窗口,包含演讲脚本和计时器。
  • 支持 PNG 导出。
  • 支持图文卡片集(小红书风格)。
  • 输出为纯静态页面,仅使用 CDN 网页字体,便于在任意环境打开。

使用方式 安装前可用检测脚本判断当前作用域:全局检测 ~/.agents/skills/html-ppt/SKILL.md,项目检测 .agents/skills/html-ppt/SKILL.md,文件中不含以 das: 开头的标记即视为已安装。若仅为指针则按作用域安装: 全局:npx skills add lewislulu/html-ppt-skill --skill html-ppt -g -y 项目:npx skills add lewislulu/html-ppt-skill --skill html-ppt -y 在 Claude Code 中,可发送以 ! 开头的聊天消息直接执行命令。安装后以技能名 html-ppt 调用,触发短语包括:HTML PPT Studio、html-ppt、HTML presentation themes、presenter mode slides。

适用场景 适合需要以 HTML 形式交付、可在浏览器直接打开并具备演讲者模式的演示文稿制作,也适合生成图文卡片式内容。

限制 该页面为目录存根,完整技能指向 lewislulu/html-ppt-skill。需要可编辑的 .pptx 输出时应改用其他 pptx 技能;想用 Markdown 驱动开发者演示可考虑 slidev-skill、marp-slides 或 revealjs-skill;需要另一种动画丰富的 HTML 演示方案可考虑 frontend-slides;若要在渲染前规划叙事并审查交付质量,可使用 humanize-ppt。许可为 MIT。