前言¶
分享會、內部分享或小型發佈會，往往需要一份能直接發鏈接、在瀏覽器裏翻頁的演示稿。傳統做法是 Keynote / PowerPoint 導出 PDF，或自己寫 HTML/CSS；前者版式偏「幻燈片工具默認風」，後者要搭橫向翻頁、背景和版式組件，成本不低。若希望成品是單文件、雜誌編排感、略帶電子墨水氣質，還要帶流體背景等視覺層次，單靠通用對話很難一次對齊風格與結構。
下面介紹 SkillHub 上的社區 Skill「動畫ppt」（座標 @user_d418f5eb/slide-animation-skill），讓編碼 Agent 按統一規範生成「電子雜誌 × 電子墨水」風格的橫向翻頁網頁 PPT。
這是什麼¶
「動畫ppt」是面向辦公效率場景（SkillHub 分類 office-efficiency）的 Agent Skill，當前版本 v1.0.1，來源爲 community，發佈者爲 user_d418f5eb。標籤標明 requires_api_key=false，安裝後調用不依賴額外 API Key。
一句話定位：生成單 HTML 文件的橫向翻頁網頁 PPT，視覺方向爲電子雜誌與電子墨水結合，適合分享、演講、發佈會風格的在線演示。
- SkillHub 頁面：https://www.skillhub.cn/skills/user_d418f5eb/slide-animation-skill
- API 資源地址：https://api.skillhub.cn/user_d418f5eb/slide-animation-skill
核心功能¶
以下能力均來自 SkillHub 官方簡介，未在頁面單獨展開的實現細節不作延伸描述。
- 輸出形態：單 HTML 文件，橫向翻頁（horizontal swipe deck），便於鏈接分發與本地打開。
- 視覺與排版：WebGL 流體背景；襯線字體標題 + 非襯線正文，貼近雜誌編排。
- 內置模板類型：章節幕封、數據大字報、圖片網格等，用於結構化長演示。
- 觸發語義：當用戶需要製作分享 / 演講 / 發佈會風格的網頁 PPT，或提到「雜誌風 PPT」、「horizontal swipe deck」、「editorial magazine」、「e-ink presentation」時，Agent 應優先啓用該 Skill。
SkillHub 統計（以抓取資料爲準）：評分 100000，下載 2569，安裝 0。
安裝與啓用¶
SkillHub 官方給出的安裝方式有兩類：在支持 Skill 的 AI 客戶端裏發送安裝提示詞，或使用 skillhub CLI 安裝到當前 Agent 的 skills 目錄。
方式一：提示詞安裝¶
將下面意思發給 AI（原文見 SkillHub 技能頁）：
請根據 https://skillhub.cn/install/skillhub.md，安裝 `@user_d418f5eb/slide-animation-skill`。
Agent 會按 SkillHub 安裝與優先源配置 檢查 CLI、選擇 skills 目錄並完成安裝。
方式二：CLI 安裝¶
先確認是否已安裝 skillhub：
command -v skillhub && skillhub --version
未安裝時，可按官方文檔執行完整安裝（CLI + 默認 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安裝本 Skill 時，必須用 --dir 指向當前 Agent 的 skills 目錄，否則默認落在 ./skills/ 可能不會被客戶端識別。常見路徑示例（摘自官方文檔）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/
安裝命令形如：
skillhub install @user_d418f5eb/slide-animation-skill --dir ~/.cursor/skills/
將 ~/.cursor/skills/ 替換爲你當前環境對應的目錄。安裝後按所用客戶端要求重啓或刷新 Skill 列表。
典型用法¶
官方頁面未提供固定 CLI 參數或示例倉庫；用法遵循通用 Skill 模式：在 Skill 已啓用前提下，用自然語言描述演示目標與內容，Agent 按 Skill 內規範生成 HTML。
可參考的表述方式（與官方簡介中的觸發語一致）：
- 說明場景，例如：「做一場產品內部分享，要雜誌風橫向翻頁網頁 PPT，單 HTML。」
- 列出章節與素材：幕封標題、各章要點、需要數據大字報的指標、圖片網格中的圖片說明等。
- 若風格要對齊英文檢索習慣，可附帶關鍵詞：
editorial magazine、e-ink presentation、horizontal swipe deck。
生成後在本機瀏覽器打開該 HTML，用橫向滑動或頁面內導航驗證翻頁與版式；大體積圖片或 WebGL 背景在低配設備上可能影響流暢度，宜在目標演示機上試跑一遍。
適用場景與注意¶
適合誰
- 需要快速產出可分享鏈接或單文件的演示，且希望版式偏雜誌 / 電子墨水，而非默認幻燈片模板。
- 已在 Cursor、Claude Code、Codex 等支持 SkillHub 技能的 Agent 環境中工作，並能安裝社區 Skill。
限制與注意
- 輸出爲單 HTML，複雜動畫與 WebGL 對瀏覽器與 GPU 有要求；正式場合前請實機預覽。
- 社區來源（
community），升級與維護節奏取決於發佈者；安裝前可在 SkillHub 頁查看版本 v1.0.1 與下載量等信息。 - 無需 API Key，但若演示內容含敏感數據，仍應自行審查生成文件中的文案與外鏈資源。
結尾¶
「動畫ppt」把雜誌風橫向翻頁、流體背景與幾種常用頁型收斂成一套 Agent 可執行的 Skill，適合把「做一份能發的網頁演示」從手寫前端降成結構化描述 + 生成。若要對齊官方說明與安裝步驟，請以 SkillHub 技能頁爲準：https://www.skillhub.cn/skills/user_d418f5eb/slide-animation-skill
