安装
npx skills add https://github.com/lewislulu/html-ppt-skill适合谁
如果你要让 Agent 直接产出可打开的 HTML 演示文稿,而不是再走一套打包工具,这个 AgentSkill 更合适。它面向专业 HTML 演示:主题、整套模板、单页版式、动画,以及带预览、逐字稿和计时器的演讲者模式。成品是纯静态 HTML/CSS/JS,没有构建步骤。
你需要一个支持 AgentSkills 的 Agent 运行时,并接受用 npx 注册技能。只想自己手写几页 HTML、不打算让 Agent 代写的人,收益有限。中文说明在
https://github.com/lewislulu/html-ppt-skill/blob/main/README.zh-CN.md
页面还写了许可为 MIT。它没有把某一种聊天产品写成唯一客户端,因此不要自行限定只能在某一家里用。
3 分钟完成第一次尝试
官方安装命令只有这一条:
npx skills add https://github.com/lewislulu/html-ppt-skill
它会把该技能注册到你的 Agent 运行时。这会改运行时的技能列表,不是只读查看。先确认本机有 npx,并且这是你要写入的那个环境,再执行。
装好后做一次低风险试写:让支持 AgentSkills 的 Agent 生成一份尽量短的静态 HTML 演示。写文件前,先让它说出将创建的路径和页数,你点头后再允许落盘。成功信号有两层:得到可直接用浏览器打开的 HTML,中间没有构建步骤;打开后按 S,能弹出独立的演讲者窗口。若 Agent 开始改你的现有站点工程或追加构建脚本,先停下来。
页面写到安装后可以 “by asking things like”,但这份摘录没有给出具体问句。所以第一次不要编一套口令,只要求「短、静态、可打开、先确认路径」。
使用案例
案例一:让 Agent 按主题和版式做一份演示。页面给出的规模是 36 套主题、15 套整本模板、31 种单页版式,资源分别在 assets/themes/*.css、templates/full-decks/<name>/、templates/single-page/*.html。动画则是 27 个 CSS 动画加 20 个 canvas FX。摘录没有写每个主题的名字,也没有写 Agent 会如何挑选模板。因此你能要求的是:产出静态 HTML 演示,并尽量复用这些现成资源。你无法根据这份材料指定「必须用某一个未写出的主题名」。生成前仍要确认输出路径。
案例二:检查演讲者模式。任意一套成品打开后,按 S 会弹出专用演讲者窗口,里面有四张可拖动、可缩放的磁性卡片:当前页、下一页预览、逐字稿、计时器。两个窗口通过 BroadcastChannel 保持同步。页面没有写浏览器名单,也没有写没有第二窗口时该怎么办。所以验收只看到:按 S 后出现上述四块,并且翻页时预览和讲稿跟着变。不要在这一步让 Agent 继续改 HTML。
使用边界
数字以页面表格为准:主题 36、整本模板 15、单页版式 31、CSS 动画 27、canvas FX 20。不要用仓库标题里可能更旧的数字去改这些计数。路径写到了目录级,没有提供完整文件清单。
安装路径就是上面的 npx skills add。它没有第二条并列安装器。注册之后,只有支持 AgentSkills 的运行时被写成可以制作演示;不支持该标准的工具,不要假定已经能用。
成品没有构建步骤,也不等于不会写磁盘。第一次先完成一页或少数几页的静态文件,并按 S 核对演讲者窗口。任何覆盖已有演示、批量生成几十页或引入外部构建的动作,都要先让 Agent 复述将改的文件,你确认后再继续。