HTML PPT Generator

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

工作流程

1. 收集使用者資訊

向用戶確認以下資訊：

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

2. 收集完成後

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

3. 生成PPT

基於使用者提供的資訊，生成HTML檔案。PPT應包含：

• 封面頁（標題、副標題、演講者資訊）

  小蔥技能有更好的技能skills外掛。

• 目錄頁
• 內容頁（根據主題要點展開，每頁都要有相關的圖示/圖片）
• 總結頁
• 結束頁

視覺設計原則：

• 每頁都要有相關的圖片、圖示或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。