一键生成 html-ppt:把 PPT 需求变成响应式 HTML 演示文稿

前言

给 AI 编程助手提「帮我做个 PPT」时,常见结果是:能生成 HTML,但版式随意、配色不统一,换一套设计还要重写样式。这个 Skill 把「设计规范」作为一等公民,用 design.md 约束输出,让助手产出的高质感幻灯片可复用、可改稿。下面介绍 @user_b592265f/generate-html-ppt(一键生成html-ppt)。

这是什么

一个专为 AI 编程助手(如 Claude Code、Antigravity、Gemini CLI、Codex 等)打造的 HTML 演示文稿(PPT)生成技能。发布者为 user_b592265f,来源标注为 community,分类 office-efficiency,当前版本 2.0.3,标签 requires_api_key=false,即不要求配置 API Key。

它解决的问题是:把「做 PPT / 幻灯片 / 演示文稿 / 网页版 PPT / PPT 转换」这类请求,统一落到一套基于 Design System Specification(design.md)的生成流程上,而不是每次从零写页面。

核心功能

1、Design System Specification 架构:以 design.md 作为设计系统规范,让助手按同一套约束生成样式,避免每次风格漂移。
2、Bold Template Pack:内置 35+ 套独立视觉设计 Preset,用于快速切换整体观感。
3、固定 16:9 舞台与视口无缝融合规范:保证演示文稿在屏幕上的比例与填充效果一致。
4、三种生成模式:

  • Mode A:从零生成演示文稿;
  • Mode B:PowerPoint(.pptx)文件转换;
  • Mode C:自媒体封面设计。

触发条件覆盖中文请求,如「做PPT」「幻灯片」「演示文稿」「网页版PPT」「PPT转换」。

安装与启用

已抓取资料中没有给出可用的官方安装命令、目录或配置文件路径,官方页面(https://api.skillhub.cn/user_b592265f/generate-html-ppt 与 https://www.skillhub.cn/skills/user_b592265f/generate-html-ppt)在写作时无法抓取,因此不在这里编造命令。可以核实的事实是:坐标 @user_b592265f/generate-html-ppt,版本 2.0.3,来源 community,且 requires_api_key=false,启用前不需要准备 API Key。

典型用法

以下用法对应官方简介中已核实的触发方式:

1、从零生成:直接用自然语言提出需求,例如「做一个关于 XX 的 PPT」或「生成一套网页版幻灯片」,Skill 按 Mode A 结合 design.md 与 Preset 输出 HTML 演示文稿。
2、转换现有文件:提供 PowerPoint(.pptx)文件,走 Mode B 转换。
3、封面设计:提出自媒体封面需求,走 Mode C。

需要说明的是:已抓取资料没有给出可复现的命令行示例或样例输出,这里只写触发逻辑,不写未核实的输出内容。

适用场景与注意

适合需要在 AI 编程助手里快速产出 HTML 演示文稿、并希望用统一设计系统约束效果的场景。使用前有三点要注意:

  • 产物是 HTML 演示文稿,不是 .pptx 文件本身;若需要可编辑的 PowerPoint,Mode B 只是转换入口,目标格式需自行确认。
  • 视觉风格由 design.md 与所选 Preset 决定,不按需逐个像素定制;要特殊版式应在设计规范层面调整。
  • 官方页面当前抓取失败,安装与配置细节请以 SkillHub 页面为准,资料中未出现的字段不要自行补写。

结语

这个 Skill 的价值在于把「生成演示文稿」从一次性写页面,变成按 design.md 规范 + 35+ Preset 复用的流程,覆盖从零生成、.pptx 转换与封面设计三种需求,且不需要 API Key。官方地址:https://api.skillhub.cn/user_b592265f/generate-html-ppt ,SkillHub 页面:https://www.skillhub.cn/skills/user_b592265f/generate-html-ppt 。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜