Kainnne
康橋 AI 應用導航網站

康橋 AI 應用導航網站

一個依照身分、學段與實際任務,引導教師、學生及行政人員找到合適 AI 工具並產生可直接使用 prompt 的智慧導覽網站。

康橋 AI 應用導航是一個為教師、學生與校內行政人員設計的 AI 工具推薦網站。

這個專案不是單純整理一份工具清單,而是將「我現在想完成什麼」轉換成一段容易操作的引導流程,協助使用者找到適合的 AI/數位工具,並產生可以直接複製使用的提示詞。

專案目標

市面上的 AI 工具數量很多,但多數使用者並不知道工具名稱、功能差異,也不確定該如何描述自己的需求。

因此,我將網站設計成逐步問答,而不是要求使用者先研究工具:

  1. 選擇身分:教師、學生或行政人員
  2. 選擇學段,或行政所屬處室
  3. 選擇目前想完成的任務
  4. 補充關鍵需求與是否限定免費工具
  5. 填寫簡短的使用情境
  6. 取得工具推薦、推薦原因與可直接使用的提示詞

這種設計降低了工具選擇的門檻,也讓不熟悉 AI 的使用者不必先理解大量技術名稱。

我設計的推薦邏輯

網站以人工整理並審核的工具白名單作為推薦池,第一版不依賴 LLM API 即時決定結果,而是使用可檢查、可調整的規則評分。

推薦條件包含:

  • 使用者身分
  • 教學學段或行政處室
  • 任務類型
  • 語言支援
  • 免費方案
  • 工具難度
  • 專業工具與通用型 AI 的適用差異

針對音樂、影像、影片與程式開發等任務,系統會優先提高專業工具的排序,避免所有需求最後都只推薦 ChatGPT 或 Gemini。

在一般教學與文書情境中,系統也可以依校內需求調整核心合作工具的優先順序;但在專業創作任務中,不會強制置頂不適合的工具。

依使用者調整內容

網站會根據不同身分與年齡調整任務、文字與提示詞內容。

教師

提供教案、學習單、測驗、簡報、回饋、翻譯及教材研究等方向,並加入符合學段、可直接交付學生及避免個資等條件。

學生

依國小、國中、高中及大學調整內容複雜度。國小學生會看到更簡單、短句且逐步引導的內容;較高學段則提供更完整的結構與研究要求。

行政人員

依總務、人事、資訊、教務、學務、會計及圖書館等處室提供不同任務,並將提示詞調整為正式、清楚且需要人工確認的行政草稿格式。

提示詞產生器

推薦工具後,網站會依使用者先前選擇的身分、學段、任務與補充說明,自動組合提示詞。

使用者可以:

  • 加入建議條件
  • 直接修改提示詞
  • 一鍵複製內容
  • 前往 ChatGPT、Gemini 或 Kuse 使用

提示詞同時加入基本安全限制,例如避免輸入真實姓名、成績、薪資或未公開校務資料;涉及法規、採購及人事規定時,也會提醒使用者以正式規定及人工審核為準。

介面與視覺設計

網站採用康橋藍與紫色作為主要色系,搭配淡色漸層背景、卡片式選項與清楚的大型操作入口。

設計重點包括:

  • 一次只要求使用者做一個決定
  • 使用進度列降低流程中的不確定感
  • 以卡片和關鍵字按鈕取代複雜表單
  • 在推薦結果中顯示工具難度與推薦原因
  • 支援繁體中文與英文
  • 同時考量電腦與行動裝置
  • 提供動態轉場,並尊重減少動畫的系統設定

我的工作內容

我負責這個專案的:

  • 問題定義與產品方向
  • 使用者身分與操作流程設計
  • 工具資料結構與分類方式
  • 規則式推薦邏輯
  • 提示詞模板與安全限制
  • 網站資訊架構與視覺方向
  • AI agent 任務拆解、開發協作與成果檢查
  • 測試、調整與 GitHub Pages 部署

這個專案呈現了我使用 AI agent 快速完成產品原型的工作方式:先定義使用者問題與完成標準,再將資料、推薦邏輯、介面和部署拆分成可驗證的工作項目,持續測試與修正。

專案狀態

目前版本為可公開展示的網站原型,採用人工白名單與規則式推薦,讓推薦結果能被追蹤及調整。

後續可延伸方向包括:

  • 擴充工具資料與人工審核機制
  • 蒐集匿名使用回饋
  • 建立推薦效果評估
  • 加入機構專屬工具與權限
  • 在規則式基準穩定後,再評估模型排序或其他 AI 推薦方式

專案連結

相關筆記