前言¶
分享會、內部分享或發佈會場景裏，常見做法是：要麼在 Keynote / PowerPoint 裏堆模板，要麼讓前端同事單獨做一頁「橫向滑動」的 H5。前者版式容易顯得普通，後者又要多一條協作鏈。若希望 Agent 根據大綱直接產出可打開的演示物——單文件 HTML 或仍可在 Office 裏改的 .pptx——並把雜誌感或瑞士平面風格一併定好，可以把安裝與生成流程交給 SkillHub 上的社區 Skill「html-ppt生成」（座標 @user_6401b215/guizang-ppt-skill，當前版本 1.0.0）。
這是什麼¶
「html-ppt生成」是 SkillHub 分類 office-efficiency 下的社區來源 Skill，發佈者爲 user_6401b215。它面向「需要製作分享 / 演講 / 發佈會風格演示」的場景：輸出橫向翻頁的網頁 PPT（單個 HTML 文件），或生成可編輯的 .pptx；頁面側可帶 WebGL 背景、章節幕封、數據大字報、圖片網格等模板能力。標籤標明 requires_api_key=false，不依賴額外 API Key 即可按 Skill 說明使用。
官方入口：
- SkillHub 頁面：https://www.skillhub.cn/skills/user_6401b215/guizang-ppt-skill
- API 座標：https://api.skillhub.cn/user_6401b215/guizang-ppt-skill
核心功能¶
下面介紹已在與官方簡介、SkillHub 頁面對齊後的能力點。
兩種成品形態
- 單 HTML 文件的橫向翻頁網頁 PPT（適合瀏覽器全屏演示或靜態託管分享）。
- 可編輯的
.pptx（適合仍需在 PowerPoint / WPS 裏微調文案與排版的團隊）。
內置模板與版式元素
- WebGL 背景
- 章節幕封
- 數據大字報
- 圖片網格
兩套視覺風格（選型時在對話裏指明即可）
| 風格 | 特徵（據官方簡介） |
|---|---|
| 電子雜誌 × 電子墨水 | 襯線字體、流體背景、暖色 |
| 瑞士國際主義 | 無襯線、網格點陣；高亮色含 IKB、檸檬黃、檸檬綠、安全橙 |
何時應觸發該 Skill（官方描述中的用語）
當用戶需要雜誌風 / 瑞士風演示，或提到「雜誌風 PPT」「瑞士風 PPT」「Swiss Style」「horizontal swipe deck」，或明確要「生成可編輯的 ppt」時，Agent 應優先走本 Skill 的流程。
安裝與啓用¶
安裝方式以 SkillHub 通用說明爲準：先確認本機是否有 skillhub CLI，再把技能裝到當前 Agent 實際讀取的 skills 目錄（裝錯目錄會導致 Agent 識別不到）。
1、檢查 CLI
command -v skillhub && skillhub --version
若未安裝，可按 SkillHub 安裝文檔執行完整安裝或僅 CLI（文檔地址：https://skillhub.cn/install/skillhub.md）：
# 完整安裝（CLI + 默認 Skill，推薦）
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
# 僅安裝 CLI
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安裝本 Skill
安裝時必須使用 --dir 指向當前環境的 skills 目錄。SkillHub 文檔給出的常見路徑示例：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/
以 Cursor 爲例：
skillhub install @user_6401b215/guizang-ppt-skill --dir ~/.cursor/skills/
也可在 SkillHub 技能頁將官方提示詞發給 AI，讓其按 https://skillhub.cn/install/skillhub.md 完成安裝：
請根據 https://skillhub.cn/install/skillhub.md，安裝 `@user_6401b215/guizang-ppt-skill`。
經過上面的步驟，重啓或刷新 Agent 對 skills 的加載後，即可在對話中按下一節的觸發方式使用。
典型用法¶
官方未在公開頁列出獨立 CLI 子命令；使用方式是在已啓用 Skill 的 Agent 對話中說明目標、大綱與風格。下面示例均摘自官方「何時使用」與風格命名，可直接復現意圖（具體內容替換爲你的稿件即可）。
示例 1：單文件橫向網頁 PPT（雜誌風）
用「電子雜誌 × 電子墨水」風格，做一份 horizontal swipe deck，單 HTML 文件。
章節：1）背景 2）三個核心指標（數據大字報）3）產品截圖網格 4）章節幕封收尾。
示例 2：瑞士國際主義 + 發佈會語氣
Swiss Style 網頁 PPT：無襯線 + 網格點陣，高亮用 IKB 和安全橙。
橫向翻頁，含 WebGL 背景和章節幕封，共 8 頁，主題是 Q3 業務復盤。
示例 3：需要可編輯 pptx
生成可編輯的 ppt，瑞士風 PPT 版式，保留數據大字報和圖片網格模板，大綱如下：……
Agent 按 Skill 內 SKILL.md 的流程生成對應文件後，HTML 用瀏覽器打開即可橫滑演示；pptx 用本地 Office 類軟件打開編輯。
適用場景與注意¶
適合誰
- 需要快速出「像發佈會 / 雜誌」的演示，又不想從零寫前端或套通用 PPT 主題的團隊。
- 既要網頁演示的觀感，又偶爾要把同一套結構落到
.pptx給非技術同事改稿的場景。
使用上需注意
- 技能爲 community 來源，版式與生成質量依賴 Skill 內模板與當前 Agent 的執行；重大對外場合建議生成後再人工過一遍文案與數據。
- 安裝目錄必須與當前 Agent 一致；SkillHub 文檔明確默認裝到
./skills/時可能不會被識別。 - 公開資料未要求 API Key；若你所在環境對
curl安裝腳本或skillhub訪問有網絡限制，需在可聯網權限下完成 CLI 與技能安裝。
SkillHub 頁展示的社區熱度（評分 100000、下載 20740）僅作發現參考，不代表對你稿件的排版保證。
結尾¶
「html-ppt生成」把橫向網頁 PPT 與可編輯 pptx、兩套定好的視覺語言以及幕封 / 大字報 / 圖片網格等模板收進一個 Agent Skill，適合在對話裏用自然語言定風格、定結構。安裝與座標以 SkillHub 爲準：https://www.skillhub.cn/skills/user_6401b215/guizang-ppt-skill 。
