前言¶
分享會、內部分享或小型發佈會，常見做法是 Keynote / PowerPoint 導出 PDF，或把每頁做成圖片再拼成長圖。前者改稿成本高，後者在瀏覽器裏橫向翻頁體驗差。若希望「一個文件就能發鏈接、左右滑動翻頁、版式有設計感」，往往需要自己寫 HTML/CSS，或從零搭 WebGL 背景與章節結構。
下面介紹 SkillHub 上的 ppt skills（座標 @user_7affc6ba/guizang-ppt-skill-20260719）：讓 Agent 按統一規範生成單 HTML 文件的橫向翻頁演示頁，並內置兩種視覺體系與多種頁面模板。
這是什麼¶
ppt skills 是社區來源（community）的 Agent Skill，版本 1.0.0，分類爲 office-efficiency，由發佈者 user_7affc6ba 維護。SkillHub 頁面標註 requires_api_key=false，安裝後無需額外 API Key。
它解決的是：在對話裏描述內容與風格，由 Agent 產出可直接打開的網頁 PPT，而不是通用幻燈片導出流程。
核心功能¶
以下能力均來自 SkillHub 官方簡介，未做擴展解讀。
- 輸出形態：橫向翻頁網頁 PPT，單個 HTML 文件，便於分享與本地打開。
- 視覺與動效：支持 WebGL 背景；頁面類型包括章節幕封、數據大字報、圖片網格等模板。
- 兩種風格：
- 「電子雜誌 × 電子墨水」：襯線字體、流體背景、暖色調。
- 「瑞士國際主義」：無襯線、網格點陣，高亮色包含 IKB、檸檬黃、檸檬綠、安全橙。 - 觸發語境：適合製作分享 / 演講 / 發佈會風格的網頁 PPT；用戶提到「雜誌風 PPT」「瑞士風 PPT」「Swiss Style」「horizontal swipe deck」等時，Agent 應優先啓用該 Skill。
安裝與啓用¶
Skill 基於通用 SKILL.md 格式。安裝時須把文件放到當前 Agent 識別的 skills 目錄；SkillHub 文檔強調：CLI 安裝必須用 --dir 指向該目錄，否則默認落在 ./skills/ 可能不會被加載。
方式一：讓 Agent 按官方指引安裝¶
將下面提示詞發給支持 Skill 的 AI（Cursor、Claude Code 等），由 Agent 讀取安裝文檔並完成安裝：
請根據 https://skillhub.cn/install/skillhub.md，安裝 `@user_7affc6ba/guizang-ppt-skill-20260719`。
方式二：SkillHub CLI¶
先確認是否已安裝 CLI：
command -v skillhub && skillhub --version
未安裝時，可按 SkillHub 安裝文檔執行（完整安裝示例）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安裝本 Skill 時，將 --dir 換成你當前環境的 skills 路徑，例如：
| Agent | skills 目錄（來自 SkillHub 安裝文檔） |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下的 .agents/skills/ |
命令形式（座標以官方頁面爲準）：
skillhub install @user_7affc6ba/guizang-ppt-skill-20260719 --dir ~/.cursor/skills/
路徑請按你實際使用的客戶端替換；安裝後若 Agent 未立刻識別，可按該客戶端說明重啓或刷新 Skill 列表。
典型用法¶
官方頁面未提供逐步複製的對話腳本，觸發方式與簡介中的場景一致。經過上面的安裝步驟後，可在對話中直接說明需求，並點明風格與結構，例如：
- 說明用途：內部分享、產品發佈、技術演講等。
- 選定風格：雜誌 × 電子墨水，或 瑞士國際主義（Swiss Style）。
- 列出頁面類型：是否需要章節幕封、數據大字報頁、圖片網格等。
- 要求交付物：單文件 HTML，橫向滑動翻頁。
Agent 在 Skill 約束下生成 HTML；你本地用瀏覽器打開該文件即可預覽翻頁效果。具體 DOM 結構、依賴腳本是否內聯，以 Skill 內 SKILL.md 爲準（安裝後可在 skills 目錄中查看）。
適用場景與注意¶
適合誰：需要快速做「網頁版 deck」、又希望版式有雜誌感或瑞士平面風格的開發者、產品或運營；不想從零寫 WebGL 與翻頁邏輯時。
限制與注意：
- 產物是網頁 PPT，不是
.pptx；若下游必須用 Office 格式，需另做轉換。 - WebGL 背景與動效對瀏覽器與設備性能有要求，正式分享前應在目標環境試開。
- SkillHub 統計（以 api 抓取頁爲準）：評分 100000，下載 5786；頁面數據會變動，以安裝時 SkillHub 顯示爲準。
- 不要與線索中未在官方頁覈實的數字混用；本文數據來源爲 SkillHub 技能頁與 api 元數據。
結尾¶
ppt skills 把「橫向翻頁 + 單 HTML + 兩套設計風格 + 常見頁面模板」收進一個 Skill，適合在 Agent 對話裏從內容直接落到可分享的網頁演示。
官方入口：
- 技能頁：https://www.skillhub.cn/skills/user_7affc6ba/guizang-ppt-skill-20260719
- API 元數據：https://api.skillhub.cn/user_7affc6ba/guizang-ppt-skill-20260719
