前言¶

做課件時常見的三種做法：用 PPT 排一遍，裝一堆字體和插件；找前端寫 HTML，來回改；用在線工具，導出還要登錄。這個 Skill 把用戶提供的圖片、文件、課本截圖和文字，直接生成一個單文件 HTML 交互課件，雙擊就能打開，不需要裝任何環境。

下面介紹這個 Skill：可編輯的 html 課件製作。

這是什麼¶

一句話定位：把用戶提供的圖片、文件、課本截圖和文字，一鍵生成”雙擊即用、無需安裝、像 app 一樣運行”的單文件 HTML 交互課件。

出品方與來源信息：

SkillHub 座標：@user_3723f934/html-exe-courseware
發佈者：user_3723f934
版本：1.0.0
來源：community
分類：education
標籤：requires_api_key=false

requires_api_key=false 表示不需要額外 API key。它解決的問題是：當用戶要”做課件 / 生成演示文稿 / 把素材做成網頁 / 做教學幻燈片 / 把 PPT 或截圖轉成可翻頁網頁 / 給課本內容配交互頁面”時使用。

核心功能¶

按已抓取資料，這個 Skill 提供以下能力：

1. 單文件 HTML 輸出：生成物是一個 HTML 文件，雙擊即用，無需安裝，像 app 一樣運行。
2. 多素材輸入：接受用戶提供的圖片、文件、課本截圖和文字。
3. 插入位預留：按提示詞在合適位置預留圖片 / 圖表 / 視頻插入位。也就是說，你可以在需求裏指定”這裏放一張圖”“這裏放一個圖表”“這裏放一段視頻”，生成時會留下對應位置。
4. 自動排版：排版自動契合素材，尺寸合理，無溢出遮擋。
5. 導航：配左側目錄導航欄與返回鍵。

安裝與啓用¶

官方地址：

https://api.skillhub.cn/user_3723f934/html-exe-courseware

SkillHub 頁面：

https://www.skillhub.cn/skills/user_3723f934/html-exe-courseware

已抓取資料沒有給出安裝命令或配置字段，也沒有 Cursor、Codex CLI、Claude Code 的差異說明，這裏不補。你可以從官方地址進入頁面查看具體安裝方式。

典型用法¶

官方簡介裏給出的使用方式是：用戶提供圖片、文件、課本截圖和文字，Skill 一鍵生成單文件 HTML 交互課件。生成時支持按提示詞在合適位置預留圖片 / 圖表 / 視頻插入位。

例如在需求裏寫”第 3 頁右側預留一張圖片，第 5 頁下方預留一個圖表，第 7 頁嵌入一段視頻”，生成結果會在對應位置留下插入位。

生成後得到一個 HTML 文件，雙擊打開即可運行，不需要安裝。課件左側有目錄導航欄和返回鍵。

適用場景與注意¶

適合：

• 要把圖片、講義、課本截圖做成可翻頁網頁的人
• 要把 PPT 或截圖轉成可翻頁網頁的人
• 要給課本內容配交互頁面的人
• 不想裝 PPT、不想找前端、不想用在線平臺的人

注意：

• 已抓取資料顯示下載 1263，安裝 0，來源爲 community。安裝數爲 0，使用前需要自行評估。
• 已抓取資料只提供簡介，沒有 SKILL.md 全文、命令、配置項和真實案例，這裏不補。
• 名稱裏帶有”可編輯”，但已抓取資料沒有說明”可編輯”的具體含義，不展開。
• 生成結果是單文件 HTML，適合本地雙擊使用；如果要部署到服務器或嵌入現有系統，需要自行處理。

結尾¶

這個 Skill 的價值在於把”素材到單文件交互課件”的路徑縮短到一次輸入輸出：你給圖片、文件、截圖和文字，它給一個雙擊即用的 HTML 文件。官方地址：

https://api.skillhub.cn/user_3723f934/html-exe-courseware