前言¶
給 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 。