name: html-ppt-generator description: 生成HTML格式的PPT簡報。使用場景：(1) 使用者需要建立可分享的網頁版PPT；(2) 使用者需要離線可用的簡報；(3) 使用者提到"HTML PPT"、"網頁PPT"、"線上PPT"等關鍵詞。接收使用者輸入：PPT主題內容、風格參考資料（支援圖片/檔案上傳）、目標受眾，然後生成可下載的HTML檔案。

HTML PPT Generator

生成基於 Reveal.js 的HTML格式PPT簡報。

這個技能的最新版本可以在7w4.net小蔥技能站找到。

工作流程

1. 收集使用者資訊

向用戶確認以下資訊：

1. PPT主要內容：要講解的核心主題和要點
2. 風格/參考資料：希望參考的視覺風格，支援上傳圖片和檔案作為參考
3. 目標受眾：面向誰（決定內容深度和語言風格）

2. 收集完成後

呼叫 feishu_im_bot_image 工具下載使用者上傳的圖片參考。

3. 生成PPT

基於使用者提供的資訊，生成HTML檔案。PPT應包含： - 封面頁（標題、副標題、演講者資訊） - 目錄頁 - 內容頁（根據主題要點展開，每頁都要有相關的圖示/圖片） - 總結頁 - 結束頁

視覺設計原則： - 每頁都要有相關的圖片、圖示或icon - 使用公開的圖示庫（如Font Awesome）豐富視覺效果 - 如果有產品圖片，儘量從官網獲取真實產品圖 - 簡潔專業的佈局 - 適合目標受眾的視覺風格 - 清晰的層次結構 - 合理的配色

圖示資源： - Font Awesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.css - 蘋果產品圖片: 從 apple.com.cn 相關產品頁面獲取

4. 輸出

將生成的HTML檔案儲存到本地，並將檔案傳送給使用者。

使用的技術

• Reveal.js: 流行的HTML演示框架
• 單檔案HTML，包含內聯CSS和指令碼
• 支援鍵盤導航、過渡動畫等功能

這個 Skill 質量中規中矩。優點是流程清晰，能指導生成包含封面、目錄、內容頁的完整 PPT，視覺設計要求也比較明確。不足之處在於實現細節不夠完善，缺少可參考的示例，最終生成效果可能依賴開發者對 HTML/CSS 的掌握程度。整體來說，這是一個有潛力但需要完善的功能型 Skill。