現場實作引導：從考古題下載到專案 skill

幫我在目前的專案裡，從大考中心下載 115 學年度四技二專統一入學測驗電機與電子群資電類的專業科目（一）與專業科目（二）歷屆試題及答案，並放到這個專案資料夾裡。完成後告訴我下載的檔案位置，並列出檔名讓我檢查。

請在目前專案下載 114 學年度四技二專統一入學測驗電機與電子群資電類的專業科目（一）與專業科目（二）試題及答案。

請把每一個年份的原始下載資料放在專案根目錄的 raw 資料夾下：
- 114 年的資料放在 raw/114/
- 115 年的資料放在 raw/115/

每個年份資料夾中都要保留該年度的題目與答案。若目前已下載的 115 年資料不在 raw/115/，請整理到該位置，但不要刪除任何檔案。完成後列出 raw/114/ 與 raw/115/ 的檔案，讓我檢查。

請根據我們剛剛已確認的考古題下載與整理流程，在這個專案建立一個 project-local skill，名稱為 download-exam-pdf。

這個 skill 的預設行為是：把下載的原始題目與答案依年份放在 raw/<year>/。

使用時我應該可以指定：
1. 單一年份，或起訖年份範圍。
2. 考試類群，例如電機與電子群資電類。
3. 下載專業科目（一）、專業科目（二），或兩者都下載。
4. 原始資料的存放根目錄；若未指定，就使用目前專案的 raw/。

請在 skill 說明中寫清楚需要輸入的資訊、預設行為、檔案結構與完成後的檢查方式。建立後，告訴我 skill 的位置，並給我一個最簡短的使用範例。

請使用目前專案 raw/114/ 中的統測試題與答案，建立可供後續測驗使用的題庫資料。

請完成以下工作：
1. 將專業科目（一）與專業科目（二）的每一題切成一張獨立圖檔。
2. 為每一張圖檔建立穩定、不重複的檔名；檔名要能作為題目的 key。
3. 讀取答案資料，建立一個 keys.json，讓每一個圖檔 key 都能對應到正確答案。
4. 將完成的題庫放在 repo/114/；原始下載檔仍保留在 raw/114/，不要混在一起。

完成後列出 repo/114/ 的資料夾結構、題目圖檔數量，以及 keys.json 中的題數，讓我檢查兩者是否一致。

請檢查 repo/114/ 中已切好的題目圖檔與 keys.json，找出並修正下列問題：

1. 每一張圖檔只保留該題的題幹、需要的圖表與選項；不要留下上一題或下一題的內容。
2. 若多題共用同一張圖或表，請讓每一題都保留作答所需的那張圖或表，不要只有第一題看得到。
3. 請移除圖檔中原始試卷的題號；保留題幹、圖表與選項即可。圖檔檔名與 keys.json 的 key 不要改掉。

修正後，請隨機列出幾個已檢查的題目，說明你修正了什麼；並再次確認圖檔數量與 keys.json 的題數一致。

請根據我們剛剛已確認的切題、答案對應、檢查與清理流程，在這個專案建立第二個 project-local skill，名稱為 prepare-question-bank。

這個 skill 的工作是：從一個已存在的原始試題與答案資料夾，建立可用的題庫；預設輸出位置為 repo/<year>/。

使用時我應該可以指定：
1. 原始試題與答案所在的資料夾。
2. 年份或題庫名稱。
3. 輸出的題庫根目錄；若未指定，就使用目前專案的 repo/。

skill 說明必須包含：逐題切圖、以圖檔名稱對應 keys.json、共用圖表的處理、移除舊題號、人工抽查與圖檔數量／答案數量的檢查。它不能假設原始資料一定來自統測，也要能用於學測或書商提供的試卷。建立後告訴我 skill 的位置，並給我一個最簡短的使用範例。

請使用目前專案已建立的 skill，先下載 115 學年度電機與電子群資電類的專業科目（一）與專業科目（二）試題與答案到 raw/115/，再把這些原始資料整理成 repo/115/ 的題庫。完成後分別報告下載階段與題庫整理階段的結果，並讓我檢查每個資料夾的位置與檔案數量。

請使用目前專案 repo/114/ 中已整理好的題目圖檔與 keys.json，建立一個給學生使用的簡易靜態練習網頁。

每次開始練習時，請從題庫隨機抽出 10 題，顯示題目並讓學生選擇答案。學生送出後，請立即批改，顯示答對幾題、答錯幾題，以及每一題是答對還是答錯。

請把網頁放在目前專案的 app/ 資料夾，並告訴我完成後要開啟哪一個 HTML 檔案。這是第一版，先做出可直接開啟、可實際作答與批改的成果即可。

請以 repo/114/ 的題庫建立完整的學生自主練習單元，輸出為 dist/practice-114.html。

請將題目圖檔、答案與網頁程式全部包進單一、可直接開啟的靜態 HTML；不可依賴外部檔案、相對路徑或網路連線。

起始畫面讓學生選擇練習題數；每回合從題庫隨機且不重複地抽題作答。送出後顯示答對與答錯總數，以及每題的學生答案、正確答案與對錯。提供重新開始功能，並讓學生下載一份自包含的 HTML 複習紀錄，內含本次題目、學生答案、正確答案與每題對錯，可離線開啟複習。

請根據已確認的題庫到練習網頁流程，在目前專案建立第三個 project-local skill，名稱為 build-static-practice-page。

此 skill 讀取 repo/<year>/ 題庫，產生單一、可直接開啟的靜態 HTML 練習網頁，預設輸出至 ./dist/。

使用時可指定：
1. 題庫來源，例如 repo/114/。
2. 輸出位置，預設為 ./dist/。

請將目前專案的 app/practice-114.html 部署到我的 GitHub Pages。

https://abc123.github.io/2026fall/digi101/formative01/

@Sites 請將目前專案的 app/practice-114.html 部署到我的 ChatGPT Site。

請使用目前專案的 $build-quiz-app skill，參考 repo/114/ 的題庫，建立一個可重複產生靜態測驗頁面的本機 Python APP，放在 ./app/。再套用 repo/114/ 題庫生成一份靜態測驗頁面，放在 ./app/dist/。