第一個教學小工具：分組抽籤網頁

情境

做一個班級分組抽籤網頁：匯入名單、設定組數、隨機分組、記住歷史避免重複。功能明確、範圍小，是第一個 Agent 專案的理想尺寸。

操作步驟

1. 1

   寫需求單

   用下方模板寫任務描述與驗收條件——這一步的品質決定一切。

2. 2

   交給 Agent

   提交任務，觀察 Agent 的計畫（Plan）再放行執行，不要跳過審查計畫這一步。

3. 3

   驗收

   逐條檢查驗收條件；Agent 自稱完成不算數，你要實際操作一遍。

4. 4

   迭代一輪

   提一個修改需求（如「加入匯出分組結果」），體驗增量開發。

可複製提示詞

任務：建立一個單頁分組抽籤網頁（純前端，無後端）。
功能：
1. 貼上名單（一行一人）
2. 設定組數，點按鈕隨機分組並顯示結果
3. 用 localStorage 記住最近 5 次分組，重新分組時盡量避免同組組合重複
驗收條件：
- 30 人分 6 組，每組人數差不超過 1
- 連續分組兩次，完全相同的組合不出現
- 手機直向可正常操作
- 不需要網路連線也能運作（開啟本機檔案即可）

完成檢核

• 四條驗收條件逐一實測通過
• 你有先審查 Agent 的計畫才放行
• 測試全程使用假名單