2026年10月11日 星期日

英文單字片語練功坊skill-使用免費的opencode配合skill,快速生成英語單字片語練習用html

 📚 英文老師專用 · AI 備課 skill · 免費開源
英文單字片語練功坊
貼上單字,變出四種模式的練習網頁

上傳 PDF / 圖片,或直接貼單字,AI 幫我分組、補詞性例句、逐字檢查
最後產出單檔 HTML:雙擊即開,學生免安裝就能練

📥 下載方式小提醒點進專案頁後,按Code → Download ZIP(或用 git clone https://github.com/kentxchang-goedutw/engcard-skill.git),解壓縮後把裡面的英文單字片語練功坊資料夾整個放到 skill 目錄即可,詳細步驟往下看。

這款 skill 為什麼會出現?

教英文最花時間的,往往不是上課,而是把單字變成可以練習的東西。我以前的做法是:整理單字表、做單字卡、再出拼字考卷、還要錄音檔練聽力,一個單元搞下來,一個晚上就不見了。

後來我試著直接叫 AI「幫我做個單字練習網頁」,結果每次格式都不一樣,有時少了音標、有時例句太難,錯了也不知道去哪改。學生打開還要連後端,教室網路一卡就全滅。

💡 所以我換了一個想法:與其每次都從零溝通,不如把流程寫成一個 skill,讓 AI 照著固定步驟走。這就是「英文單字片語練功坊」——貼單字 → 按主題分組確認 → 輸出題庫 txt 給我逐字檢查 → 沒問題才生成單檔 HTML 練習頁。

流程裡我最堅持的是「題庫 txt 先檢查」這一步。AI 補的中文、詞性、例句一定有錯的可能,與其在網頁裡慢慢找,不如先出一份 txt 全覽讓我一次看完,確認說 OK,做HTML 才打包,錯字就不會流到學生手上。

skill使用介紹


它能解決哪些教學痛點?

🎯 痛點一:單字量一多,就不知道怎麼切

一次段考範圍三、四十個單字片語,直接丟給學生就是背不起來。這個 skill 會按語意主題切成每組 15–25 字,例如機場報到、外食點餐,一組就是一個情境,記憶有脈絡。而且分組前會先給我表格提案,我可以改名、合併、拆分,定案才往下走。

🎯 痛點二:只有紙本單字卡,練法太單一

同一個 HTML 裡直接內建四種模式,學生不用換頁、不用換工具,練完一種換一種,成就感比較容易堆起來。

模式怎麼練
📇 單字卡看中文猜英文,點一下翻卡,背面有英文+詞性+例句,可按 🔊 朗讀
⌨️ 拼字練習看中文用虛擬鍵盤拼英文,可切大小寫+退格,答對才顯示例句
🧩 字母重組點字母池把字母排回正確順序,適合記拼字順序卡關的孩子
🎧 聽音選單字自動播 3 次發音,三選一,答對顯示英文+中文+例句

🎯 痛點三:發給學生的東西還要裝 App、開帳號

產出的就是一個單檔 HTML,題庫直接內嵌在裡面,沒有後端。傳到班級群組、放學校網頁、隨身碟拷貝都可以,學生雙擊即開,用 Chrome / Edge 開就能練,發音用瀏覽器語音,練習次數還會自動存在本機。

📄 PDF / 圖片直接讀 📝 txt 全覽逐字檢查 🔊 瀏覽器語音朗讀 📊 WORD x OF y 進度 💾 練習次數自動保存 🎨 馬卡龍配色 RWD

使用詳細教學

第零步:先把 skill 裝好(只要做一次)

1
下載 skill

到 GitHub 專案頁 按 Code → Download ZIP 並解壓縮,或執行:

git clone https://github.com/kentxchang-goedutw/engcard-skill.git
2
放到 AI 讀得到的位置(二選一)

方法 A・全域使用(推薦):把 英文單字片語練功坊 資料夾整個複製到 C:\Users\你的帳號\.agents\skills\英文單字片語練功坊\,之後所有專案都可用。

方法 B・只給某個工作資料夾用:放到 工作資料夾\.agents\skills\英文單字片語練功坊\,只有在該資料夾開 AI 才會載入。

放好後開新對話,可用 skill 清單就會出現它。檔名 SKILL.md 要全大寫、資料夾結構不要拆散。

💡 小提醒:產生題庫和 HTML 的過程需要 Node.js(跑驗證與打包腳本)。學生開啟練習頁則什麼都不用裝。

正式流程:四個階段,AI 會帶著我走

1
準備單字來源(三選一)

① 直接貼單字,每行 英文,中文,例如 check in,報到(缺中文 AI 會補);② 上傳 PDF;③ 上傳圖片/掃描檔。如果是掃描版讀不到字,AI 會先問我,不要硬猜。

2
確認分組提案

我會下這樣的提示詞,AI 就會先列分組表給我看:

使用工作資料夾中的英文單字片語練功坊的skill,分析我上傳的內容

# 也可以加條件,例如:
# 按unit1-4分成四個題庫
# 按「機場、餐廳、飯店」三個情境分三組
# 每組20字,依課本出現順序切組
# 這是國小六年級程度,例句要簡單一點

表格會有組名、字數、主題、例字,這時我可以說改名、合併、拆分、增刪,這一步不定案,後面不會動工。

3
逐字檢查題庫 txt(最重要的一步)

AI 會輸出一份 <標題>-題庫.txt,列出所有組、所有單字的英文+詞性+中文+中英例句,並全文貼在對話中給我看。我就逐字檢查,有錯直接說,例如「第2組第5字中文改為…」。

都沒問題,我就回 OK,做HTML,才會進入下一步。

4
生成 HTML,發給學生練

AI 會產出 <標題>-英文練習.html。玩法很固定:開啟即主畫面 → 點題庫 → 選模式 → 看上方 WORD x OF y 練習 → 答對看例句 → 上/下一個切換,練習次數會自動保存。

安裝與需求說明

這個 skill 不是 GAS 網頁應用,不需要部署,比較像「AI 的工作說明書+打包工具包」。整理一下需求:

  • 老師產生用:需要可讀 skill 的 AI 工具(如 opencode / Claude),加上 Node.js 跑驗證(validate-vocab.js)、匯出(export-txt.js)、打包(build-pages.js)三支腳本。
  • 學生練習用:只要一個瀏覽器,建議 Chrome / Edge 開啟,發音用 Web Speech API,答對/答錯還有音效。
  • 想改內容:不用改 HTML,直接在對話中說要改哪裡,AI 會重出 txt、重建 HTML。

常見問題

狀況怎麼處理
skill 沒出現在清單確認路徑是 …/skills/英文單字片語練功坊/SKILL.md、檔名全大寫、已開新對話
掃描版 PDF 讀不到字先提供文字版,或直接描述內容,不要讓 AI 硬猜
例句太難/太簡單在分組階段就先講程度,例如「國小六年級,例句簡單一點」
每組字數太多或太少原則是 15–25 字,特殊需求先跟 AI 說,它會提醒是否合適

備課一次,四種練法,學生帶回家也能練

如果你也在為單字複習找方法,歡迎把這個 skill 拿去試試看。
免費開源,授權為 CC BY-NC-SA 4.0,僅供非商業教學使用。

⬇️ 前往下載 engcard-skill

沒有留言:

張貼留言