一鍵生成 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 。

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

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

小夜