AI workflow · HTML PPT

我开始让 AI
直接生成 HTML 版本的 PPT

不是先写大纲再手工排版,而是让 AI 直接交付一份可以翻页、可以发布、可以继续修改的网页演示。

开场先说明核心变化:不是又多一个 PPT 工具,而是做 PPT 的起点从 PowerPoint 变成了 HTML 页面。

The old pain

我一直不是一个会做 PPT 的人

上一次公司分享会,PPT 也是放几个标题和一个大白背景了事。

我称之为言简意赅。
排版不知道怎么对齐
风格不知道怎么好看
时间内容之外还要调很久
这一页保留文章里最有个人味道的痛点:不是不会表达,而是不擅长把内容包装成好看的 PPT。

The discovery

html-ppt-skill 像一份给 Agent 的工作手册

它不是神秘插件。

本质上是一组文本、模板、脚本和约束,告诉 Agent 遇到 PPT、slides、deck、演讲稿时应该怎么组织输出。

npx skills add https://github.com/lewislulu/html-ppt-skill

codex
说明 skill 的定位:把 Agent 的行为规范化。安装只是开始,真正重要的是它改变了 AI 的输出方式。

Ask first

我先让 AI 告诉我:这个 skill 怎么用

html-ppt-skill 简介截图
  • 生成静态 HTML 幻灯片
  • 内置主题、布局、动画和完整模板
  • 适合技术分享、周报、路演、课程、小红书图文
  • 使用时说清楚用途、观众、页数和风格
这一页承接文章第三步:现在学新工具可以先让 AI 梳理,而不是自己从文档第一页开始读。

First prompt

先不要追求完美,先生成第一版

我当时大概是这样说的

用 html-ppt 帮我把这篇文章做成 6 - 8 页 PPT,适合网页展示,风格简洁一点。

提炼结构从文章里拆出主线
生成页面变成可翻页 deck
再做调整先有版本,再谈精修
强调工作流:第一版不是最终版,它的价值是先把内容变成能看的形态。

Why HTML

HTML PPT 和传统 PPT 最大的区别

传统 PPT

通用、正式、适合公司协作。很多场景里,对方就是要一个 `.pptx`。

HTML PPT

是网页,天然适合发布、分享、部署和继续用 AI 修改。

这里不做替代论,而是讲清楚两者边界:HTML PPT 更适合发布和快速原型,传统 PPT 仍然适合正式协作。

Takeaway

PPT 不一定非得从 PowerPoint 开始

它可以先从一份 AI 生成的 HTML 页面开始。

能看先得到一个可展示版本
能讲可以继续补演讲 notes
能发链接、网页、图片都可以

对不擅长做 PPT 的人来说,这已经足够把起步变简单。

最后收束到文章观点:HTML 不是为了替代所有 PPT,而是提供一个更轻的起点。