用 Claude 做免費互動英文學習網頁|AI 時代的 E-learning
![]() |
| V2.0 版截圖 CeliaYun 英文學習網頁 |
E-learning 很方便,以前我們只能等別人提供,還要適應限制,AI 時代,需求我們自己說了算。
我英文不好,所以在 AI 時代可以自行決定要用什麼人工智能輔助學習時,最先想到也最容易完成的,都是學英文發音及單字、例句,之前也用了 Gemini Canvas 做了英文學習網頁掛在 Google Sites,更不用提早在 ChatGPT 可以做自己的 GPTs 時,就單獨做了二個英文翻譯專屬 GPTs。
- 國小必學英文單字
- 自己的英文學習庫▶ Vocabulary Trainer
- GPTs:CeliaSu 翻譯成中文
- GPTs:CeliaSu 翻譯成英文
Claude 也可以做網頁,但如果想要有 AI 功能,又想分享給別人,用 Artifacts 做的連結給別人,只要有 Claude 帳號,就可以很方便把自己做的分享給別人用。第一個做來想分享的一樣是拿來學英文,因為我自己有需求,所以會針對自己的要求,一直修改到滿意,而且相同功能取向,才能在不同介面及應用上比較生成的差異性。
這篇先分享我自己用 Claude 做的免費互動英文學習內容給大家。經過我多次迭代,用掉我很多 Token 等了好一會才完成的。你可以試用看看,也可以以此基準試做自己的,如果你做的更好,也歡迎再分享給我。之後有機會再分享如何重頭做一個自己的,或者是用別人的內容為地基,再打造成自己的。
使用方法
要有 Claude 帳號
點連結 雲云單字實驗室 就能用(電腦版展示效果比較好),若想重複用,只要把連結標示星號,加入瀏覽器即可拿來好好學英文,前提只有一個,需要有 Claude 帳號,Claude 帳號可以免費申請,用 Claude 的免費帳號就能用這有 AI 功能的英文學習網頁。
- 免費英文學習網頁目前版本(V3.5):雲云單字實驗室
- 拼字容錯:打錯字 AI 會自動修正後再查
![]() |
| V3.3 版截圖 CeliaYun 英文學習網頁 |
最新版本,主要多了三個功能:查新單字/還原備份/單字收藏分類
- 查新單字:右下角 icon 可以即時查新單字,多一個查詢位置
- 還原備份:換電腦時,把原學習清單一鍵複製到新電腦或新的 Claude 帳號
- 單字收藏分類:以英文字首區分,方便日後複習查找
查詢單字
輸入一個英文單字,按查詢,大概 10 秒後會出現:音標+詞性+中文意思,提供正常語速及慢速語速的發音參考。
發音:點了就唸,不花 AI 額度
每個單字、每句例句旁邊都有一個 🔊 按鈕,點下去就唸。主要單字還多一個 🐢 慢速播放,聽不清楚可以放慢。
發音用的是瀏覽器內建的語音合成(Web Speech API),音色會依你的裝置而定(Mac、Windows、手機各不同),統一是美式發音。因為是本地端發音,沒有 AI 語音自然,但因為免費、離線也能唸,所以沒去套用其他方式。
滾雪球:點任何一個字,繼續查下去
字根拆解和相似詞裡的每個單字,都可以直接點,點下去就跳到最上面,重新查那個字的完整分析。
這是我後來要求加的。因為相似詞字根完全不同,能一路點下去,才是真的把單字學成一張網,而不是一張一張孤立的詞。
- 字根拆解:這個字是由哪些字根組成的,每個字根什麼意思
- 同字根家族:跟它同一個字根的其他單字(這是我最想要的功能)
- 相似詞比較:意思相近的字,以及「差在哪裡、什麼情境用哪個」
每個代出的單字,若不知道如何唸,都可以 點按 會直接代該單字,不用再把那字重新查詢單字(我個人是喜歡照打一次,也加強一次拼讀效果)。
教英文的老師會教我們用字根去理解,等於用一個字,記相關的不同字,學習效率比較好。

- 三句實用例句:生活或職場情境,附中文翻譯
- 記憶小撇步:一句話幫你記住
單字收藏庫:查過的自動存起來,複習不花錢
查過的字會自動收進「收藏庫」,關掉視窗、隔天再開都還在(只要使用同一組 Claude 帳號)。
重點是:收藏庫裡的字,再點開是直接叫出之前的內容,不會重新問 AI。也就是說第一次查花一次額度,之後複習一百次都是零消耗。不會扣設計者的 AI 額度,若有 AI 查詢是扣使用者的免費額度,且不用使用 API 等額外的複雜設定,不會有被扣錢的可能。
右下角浮動收藏庫
右下角有一顆浮動的 📚 按鈕,隨時點開就能搜尋已學過的字,中英文都能搜。最近查的會排在前面,適合複習剛學的字。
網頁下方的單字收藏庫
- 單字 A-Z 排序,依英文單字首字母,有時可能只記得某字母開頭,就能快速找到之前曾查詢過的該字母單字。
- 點按任一字母,只顯示該字母開頭單字,再點一次為取消篩選,會 show 全部單字,或按 全部 那按鈕。
- 沒有單字的字母為灰色(不能點)
備份與還原:你的單字存摺
使用時機
- 若有要使用新版本
- 換 Claude 帳號
- 分享你的單字辭庫給別人
網頁下方的單字收藏庫先「備份」,複製起來存到記事本、Google Keep,或用 LINE 傳給自己。要用的時候按「還原」貼回去就好,重複的字不會重複計算。
![]() |
| 還原備份使用前要先在原帳號中先備份 |
還原備份使用說明
- 要使用右下角「還原備份」前,要在原帳號網頁下方的單字收藏庫先點選「備份」,會出現備份收藏庫中的查詢過英文單字
- 點按「複製備份文字」
- 系統會自動全選複製,並告知已複製,貼心提醒若不即時到新帳號去,可以先貼到記事本或其他位置
- 到新 Cladue 帳號中,點按「還原備份」
還原備份這功能本來是為了搬帳號用的,你也可以把自己整理好的單字傳給別人。對方貼上還原,就直接收下一整套,而且他複習的時候也不花額度。雖然不建議如此,因為這樣少了一段自我練習的過程,整個收起來通常不會去查看。
我會依狀況,優化這個英文學習網頁,你可以回這篇文章查看有無更新版本,若也想用新版本,就可以使用備份及還原,無痛轉移原有的學習資料。
AI 自學很棒的地方在於我們可以很簡單的做自己專用的學習工具,有些專屬於自己的要求,就可以自己 DIY,沒有技術門檻,愈貼合自己,且是我們自己做的,使用的機率理論上是更高的。
有些自己覺得實用性高,或有很多人可能有需求,願意分享給別人時也很容易。








留言
張貼留言