⚠ 本工具僅供個人娛樂與教學示範使用，禁止未經授權公開發布、販售或商業化使用。
這是什麼工具？
一個單檔、免安裝的網頁小遊戲，用拖放卡牌的方式練習 CO-STAR 提示詞框架的分類邏輯——每局隨機抽出 5 個生活化情境，把描述句拖進正確的提示格，藉此熟悉「背景」「目標」「風格」「語氣」「受眾」「輸出格式」這六個維度該怎麼拆解。用瀏覽器打開 index.html 即可玩，不需要架伺服器、不需要安裝任何軟體，全程在你自己的電腦上執行、不會連網（頂部跑馬燈公告除外）。
CO-STAR 六個提示格
C 背景 Context
O 目標 Objective
S 風格 Style
T 語氣 Tone
A 受眾 Audience
R 輸出格式 Response
卡牌文字刻意不含「背景」「目標」這類關鍵字提示，需要理解語意才能正確分類——玩的時候不用背定義，多玩幾局自然會抓到每一格該裝什麼樣的內容。題庫共 20 組情境，每局隨機抽出其中 5 組，玩久了也不容易每次都遇到同樣的題目。
玩法說明
- 按右上角「▶ 開始」開始計時，才能點選主題進入挑戰
- 選一個主題卡片，畫面下方會出現這個情境的 6 張手牌（隨機洗亂）
- 把每張卡拖進上方正確的提示格（滑鼠或觸控皆可），6 格全部放滿後「✔ 確認」按鈕才會亮起
- 按「✔ 確認」判分：答對的格子亮綠、答錯的亮紅，依答對格數比例給分（滿分 20 分／主題，6 格全對才是滿分 20 分），隨後自動彈出正確答案核對頁
- 覺得答得不理想，回到主題選單再點同一張卡片即可重新挑戰（重進即重置卡牌與本題計時）
- 5 個主題不分先後，可任意順序挑戰；全部確認過後按「🏁 完成」看總結算（總分／總時間）
- 右上角「⏸ 暫停」可暫停計時（卡牌會鎖定，避免離開座位時被亂拖），「▶ 繼續遊戲」恢復
5 個主題全數答對且拿下滿分 100 分，會出現恭賀畫面＋彩帶動畫，象徵已經掌握 CO-STAR 的分類邏輯！
排行榜與成績分享
- 排行榜（前 10 名）：結算畫面若總分擠得進前 10 名（或還沒滿 10 筆紀錄），會出現暱稱輸入框，按「🏆 記錄成績」即存入排行榜；同分以總時間較短者排前面。右上角「🏆 排行榜」按鈕隨時可查看目前排名。
- 下載成績圖：結算畫面按「💾 下載成績圖」，會產生一張含各主題分數、總分、總時間的成績卡片圖片並下載到裝置。
- 分享成績：手機瀏覽器（或支援 Web Share 的桌面瀏覽器）會多顯示「📤 分享成績」按鈕，可直接把成績圖分享到 LINE、社群或其他 App；不支援的瀏覽器請改用「下載成績圖」再自行分享。
加入主畫面（可選）
在主題選單畫面按「📲 加入主畫面」，可以把這個遊戲像 App 一樣安裝到手機或電腦桌面，之後不用開瀏覽器輸網址就能直接點圖示開啟。
- Android（Chrome）／桌面 Chrome、Edge：按下按鈕會直接跳出安裝確認視窗。
- iPhone／iPad（Safari）：按下按鈕會提示改用「分享」圖示 → 「加入主畫面」（iOS 系統限制，無法由網頁直接跳出安裝視窗）。
- Mac 桌面版 Safari：會提示改用選單列「檔案」→「加入 Dock」（Safari 17 以上）。
安裝與否不影響任何功能，純粹是操作方便性；不安裝、直接用瀏覽器開網址一樣可以完整遊玩。
常見狀況
- 點主題卡片沒反應？要先按右上角「▶ 開始」開始計時，遊戲暫停中或已結算時也無法進入主題。
- 成績會保留嗎？會，成績與抽到的主題存在瀏覽器
localStorage，重新整理頁面不會消失；想重抽新的 5 個主題請在結算畫面按「🔄 再玩一局」。 - 排行榜會保留嗎？會，排行榜前 10 名獨立存在瀏覽器
localStorage，不會因為「再玩一局」重抽主題而被清除。 - 換裝置或清過瀏覽器資料後成績不見了？成績與排行榜都只存在當下這台裝置、這個瀏覽器裡，不會跨裝置同步，清除瀏覽器資料也會一併清掉。
- 手機上可以玩嗎？可以，拖曳邏輯同時支援觸控；螢幕較窄時提示格、卡牌與按鈕都會自動改成適合的排列。
創作者資料
Mark Tsai（蔡豐全）
聯絡信箱：tsaimark@gmail.com
專長
銷售數據分析、AI 工具運用、政府補助計畫申請、創業、跨境電商
證照
- 青創總會 創業輔導顧問師班（2013）
- 青創總會 網路行銷講師培訓班（2014）
- 阿里巴巴 P4P 認證講師（2016）
- iCap 訓練規劃與評量職能基準課程（2017）
- iCap 職能導向課程申請認證實作班（2023）
- iPAS AI 應用規劃師－初級（2025）
- 新北市社會局社區數位陪伴員（2025）
經歷
- 勞動力發展署桃竹苗分署 創業顧問（2017－迄今）
- 勞動力發展署（北北基）小型企業人力提升計畫 顧問（2019－迄今）
- 勞動力發展署（桃竹苗）小型企業人力提升計畫 顧問（2019－迄今）
- 農業部農業科技司「科技農企業雙軸轉型躍升發展」科技計畫 業師（2025－2026）
- 勞動力發展署 企業人力資源提升計畫 審查委員（2024）
- 勞動力發展署 職前訓練評鑑計畫 委員（2022）
- 勞動部桃竹苗分署－桃竹苗區域運籌人力資源整合服務計畫 顧問（2022－2023）
- 經濟部中小企業處 SBIR 海選專案 評審委員（2019－2024）
- 勞動力發展署 數位學習課程清單審查會議 審查委員（2024－2025）
- 輔仁大學創新跨領域學院 課務委員（2024－2025）
- 台北市進出口商業同業公會 跨境電商生態村 顧問
- 台灣網商協會 顧問
- 中華職能開發策進會 顧問（2018－2020）
- 新北市汽車美容人員職業工會 顧問（2023－迄今）
- 中華網路行銷講師協會 顧問（2022－迄今）
- 新北市社企電商基地 輔導顧問（2018－2020）
- 阿里巴巴國際站平台 認證講師（2016）
- 巨匠電腦 跨境電子商務班 講師（2016－2017）
授權與使用限制
本工具僅供個人娛樂與教學示範使用，禁止未經授權公開發布、販售或商業化使用。如需其他用途，請先取得創作者授權。