前言¶

給小學英語課做情境教學，常見的做法是教師自己找素材、拼 PPT，再手動設計幾個問答或小遊戲。圖片、課件、教材頁面都在手邊，但要把其中的教學點變成一個能直接在課堂上操作的互動遊戲，往往要花掉整個備課晚上。

下面介紹的是一個面向這個場景的 Skill：它讀取教師上傳的圖片、課件或教材頁面，自動生成一套完整的課堂情境方案，裏面包含 4 個 HTML 互動遊戲，學生在瀏覽器裏就能玩。

這是什麼¶

「課堂互動遊戲」是一個基於通用 SKILL.md 格式的 Agent Skill，座標 @user_897edb7e/lessongame，版本 1.0.0，發佈者爲 user_897edb7e，來源 community，分類 education。

它解決的問題是：從教材圖片、課件截圖這類非結構化輸入，直接產出可用的課堂互動方案，而不是隻給一段文字建議。

核心功能¶

1、輸入識別：接受教師上傳的圖片、課件、教材頁面作爲輸入。

2、情境方案生成：圍繞輸入內容自動生成一套完整的小學英語課堂情境方案。

3、4 個 HTML 互動遊戲：方案內包含 4 個獨立的 HTML 遊戲文件，可直接在課堂瀏覽器中打開運行。

4、現實場景設計：遊戲採用現實場景互動設計，例如倉庫整理、超市購物，把語言練習放進學生熟悉的情境裏。

5、視覺風格：統一採用圓潤可愛的視覺風格。

6、觸發方式：當用戶上傳教材圖片、課件截圖，或明確請求「創設教學情境」「生成課堂遊戲」「設計互動關卡」時調用。

安裝與啓用¶

該 Skill 在 SkillHub 上的座標與地址如下，來源爲 community 發佈：

座標：@user_897edb7e/lessongame
官方地址：https://api.skillhub.cn/user_897edb7e/lessongame
SkillHub 頁面：https://www.skillhub.cn/skills/user_897edb7e/lessongame

需要說明的是，已抓取的資料中沒有給出安裝命令、配置字段或各編輯器（Cursor / Codex CLI / Claude Code）的差異說明，因此本文不提供安裝步驟。要確認安裝方式，請以官方地址頁面的說明爲準。

典型用法¶

下面的輸入示例來自官方簡介描述的觸發場景：

輸入：教師上傳的教材頁面圖片（或課件截圖、教材頁面）
請求示例：「創設教學情境」「生成課堂遊戲」「設計互動關卡」
輸出：一套小學英語課堂情境方案，內含 4 個 HTML 互動遊戲

使用流程可以分爲三步：

1、教師把教材圖片、課件截圖或教材頁面作爲輸入提供給 Skill。

2、明確表達需求，例如「生成課堂遊戲」或「設計互動關卡」。

3、Skill 生成完整的情境方案，方案內含 4 個 HTML 互動遊戲，在課堂上用瀏覽器打開即可。

適用場景與注意¶

適合的使用對象：

• 小學英語教師，需要把教材或課件內容快速轉成課堂可操作的互動環節。
• 希望減少手工製作 PPT 和遊戲素材時間、直接拿到 HTML 成品的備課場景。

使用限制與注意事項：

• 該 Skill 面向小學英語課堂設計，輸入內容應是小學英語教材或課件。
• 生成結果依賴輸入的圖片或頁面質量，如果素材本身不清晰，生成的情境方案會受影響。
• 4 個 HTML 遊戲需要在有瀏覽器的環境中運行，課堂現場需確認設備能打開 HTML 文件。
• 官方簡介中描述的亮點數據爲 SkillHub 評分 100000、下載 1401 次、安裝 0 次（以已抓取資料爲準）。這些是平臺統計值，不代表教學效果。

小結¶

這個 Skill 的價值在於把「從課件到課堂遊戲」的鏈路自動化：教師上傳素材並提一句需求，就能拿到一套含 4 個 HTML 互動遊戲的情境方案，現實場景加圓潤可愛風格，可以直接在課堂上用。

官方地址：https://api.skillhub.cn/user_897edb7e/lessongame