mathruffian-dot/claude-html-slide-builder

概要

- ：https://mathruffian-dot.github.io/html-vs-markdown/ - 包含：文字雲互動、Markdown→HTML 滑桿演示、AI 生成底圖與圖標 安裝腳本會： - ✅ 逐項檢查必要元件，列出缺少的項目 - ✅ 詢問是否自動安裝 Pillow - ✅ 引導設定 Firebase（可選用共用示範專案或自訂） - ✅ 將 Skill 複製到 ~/.claude/skills/html-slide-builder/ - ✅ 自動偵測 draw skill 路徑並注入設定 Claude 會自動： 1. 分析教材，列出投影片大綱（含功能標記 BGINTERACT） 2. **才開始生成 3. 平行執行底圖生成、圖標製作、互動元件嵌入 4. 部署至 GitHub Pages 並回傳網址 安裝時選 A，使用 teacherstudy-109ef 示範專案。 - 優點：不需申請，立即可用 - 注意：資料為公開共用， 1. 至 Firebase Console 建立專案 2. 建立 Firestore 資料庫（測試模式） 3. 在「專案設定 → 一般」取得 firebaseConfig 4. 安裝時選 B 並輸入設定值 - 使用 draw.py（gpt-image-2 模型）生成 1536×1024 橫式底圖 - 設計風格：深暗色系、霓虹發光效果、無文字 - 透明度：封面 30–40%，一般頁 12–18% - 一次生成「圖標總表」（多個圖標橫排在同一張圖） - PIL 等分裁切 → 亮度閾值去背（< 45 全透明，45–80 漸變） - 嵌入 HTML，取代 emoji，搭配 drop-shadow 發光效果 - wordcloud2.js 渲染，字級隨頻率縮放，微旋轉 30% - Firebase onSnapshot 即時更新，毫秒級同步

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール