前言¶
網頁版的演示稿越來越多:用 HTML/CSS 寫的 deck、產品頁、數據可視化,視覺表現通常比直接在 PPT 裏排好。但要交付給同事或客戶時,常見做法是把網頁截圖貼進幻燈片,得到的文件文字不可選、放大就糊,後續幾乎沒法改。
html-to-editable-pptx 針對的就是這個場景:它不是截圖,而是把 HTML/CSS 幻燈片轉換成可編輯的 PowerPoint 元素,文字、版式和視覺組件在 .pptx 裏仍能繼續修改。下面介紹這個 Skill 的定位、能力和使用方式。
這是什麼¶
html-to-editable-pptx 是一個基於通用 SKILL.md 格式的社區 Skill,由 user_6cf958a6 發佈,座標 @user_6cf958a6/html-to-editable-pptx,當前版本 1.0.0,分類 office-efficiency,來源 community。
它解決的問題是:把 HTML/CSS 寫成的幻燈片、網頁演示稿、產品頁面和數據可視化,快速轉成可交付的 .pptx 文件,並且保留矢量文字可編輯。
SkillHub 頁面顯示評分 100000,下載 857 次,安裝 0 次(數據來自頁面抓取,可能隨時變化)。
核心能力¶
根據官方簡介,這個 Skill 會自動處理以下環節:
- 字體嵌入,以及 CJK 字體的處理,避免中文在 PPT 裏變成方塊或被替換。
- 複雜 CSS 的轉換,把網頁樣式落到 PPT 元素上。
- 佈局測量,確定元素在幻燈片上的位置和尺寸。
- 結構校驗,檢查轉換後的文件結構是否完整。
- 最終視覺審計,對產出做一次視覺層面的核對。
在轉換策略上,文字和版式走矢量、保留可編輯性;遇到無法用 PPT 元素表達的複雜裝飾時,自動退回截圖兜底。它不依賴 reveal.js 或自寫 deck 等具體框架,HTML 來源比較自由。
觸發方式¶
當用戶想把 HTML 幻燈片轉成 .pptx 時觸發,典型說法包括:
"HTML 轉 PPT"
"網頁幻燈片轉 pptx"
"把這個 deck 轉成 ppt"
"給同事一份 ppt 副本"
"彙報不方便放瀏覽器"
也可以直接給出 .html 文件路徑,同時提到 ppt / pptx / 演示 / 幻燈片,Skill 同樣會識別。
安裝與啓用¶
Skill 掛在 SkillHub 上,座標 @user_6cf958a6/html-to-editable-pptx,版本 1.0.0。
標籤裏 requires_api_key=false,表示使用時不需要額外配置 API Key,安裝後即可調用。官方頁面提供安裝入口,按頁面提示添加到對應 Agent 的 Skill 目錄即可;不同工具(Cursor、Codex CLI、Claude Code)的目錄位置不同,以頁面說明爲準。
典型用法¶
準備一個 HTML 幻燈片文件,例如 deck.html,然後讓 Agent 轉換:
把 deck.html 轉成 pptx,文字要可編輯
或用更口語的說法:
把這個網頁幻燈片轉成 PPT,我要發給同事
Skill 收到後會讀取 HTML 及其樣式,按上面的核心能力走字體、佈局、結構校驗和視覺審計,輸出 .pptx。產出的文件裏文字是矢量、可選中編輯,版式可以繼續調整。
適用場景與限制¶
適合的場景:HTML/CSS 寫的演示稿需要交付、產品頁或數據可視化要放進彙報材料、臨時沒有瀏覽器環境只能給 .pptx。
需要注意的限制:
- 複雜裝飾走截圖兜底,這部分在 PPT 裏不可編輯,放大後清晰度取決於截圖分辨率。
- 轉換結果取決於 HTML 本身的結構和樣式可解析程度,語義混亂的頁面效果會變差。
- 它是轉換工具,不負責重新設計版式;源 HTML 本身排得不好,轉出來也不會變好。
結尾¶
html-to-editable-pptx 的價值在於把「截圖進 PPT」換成「元素進 PPT」:文字可編輯、字體按需要嵌入、複雜裝飾有截圖兜底,適合把網頁演示稿快速變成可交付的 .pptx。官方地址:https://api.skillhub.cn/user_6cf958a6/html-to-editable-pptx ,頁面地址:https://www.skillhub.cn/skills/user_6cf958a6/html-to-editable-pptx