Antigravity 階段一：認識 Agent 與環境準備 ↗
AI Agent 觀念、環境安裝與沙盒權限，並完成第一個單頁原型。
WEEK 09 / Agentic AI 專題實作
Agentic AI 實作 I：規格、介面與後端功能
01｜這週你會做出什麼以校園活動網站案例建立規格、介面與 API／資料功能，完成可操作原型。
2026-11-27（學期第 11 週）先照步驟做，卡住再查操作參考。查看完成標準 ↓
02 / SKILLS
本週學習內容
- Layout
- Component
- Navigation
- CTA
- Form
- Responsive
- Debug
- Error Message
- Environment Variables
- Version History
- Rollback
03 / REFERENCE
操作參考｜需要時再查
必看
開始操作前看重點，完成後用清單自查。
Antigravity 階段二：專案鐵三角與規格定義 ↗
AGENTS.md、PROJECT.md、README.md 與 Skills／MCP 概念，寫出專案規格書。
Antigravity 階段三：高質感前端與設計技能 ↗
建立設計 Skill，用 Next.js 打造文章區與報名表單介面。
Antigravity 階段四：後端 API 與報名資料庫 ↗
前後端分工、API 概念，建立報名資料庫與防重複報名路由（16 頁以內的網頁簡報）。
04 / MAKE
跟著做
Step 1
準備環境與案例
依安裝影片準備環境，使用同一個校園活動網站案例。
Step 2
定義規格與規則
用 PROJECT.md 寫頁面、欄位與驗收條件；AGENTS.md 寫操作規則，README.md 留進度。
Step 3
建立介面
依規格建立活動頁與表單，檢查手機版、欄位與互動。
Step 4
建立 API 與資料功能
依階段四教材建立報名資料流程，只使用測試資料，檢查必填與重複報名。
Step 5
保存原型
記錄已完成與待串接項目，提交版本供 Week 10 接續。
05 / UNDERSTAND
你剛剛學到了什麼？
Requirement / Component / Prompt
把需求寫成輸入與結果，再針對元件修改，比要求「改漂亮」更能驗證。
Debugging / Human Judgment
AI 的修正是待驗證的建議。重現問題、縮小原因、測試修正，才能判斷是否成功。
Version Control / Basic Security
版本紀錄幫你追溯修改；部署回復不能取代金鑰輪替，也不會自動復原外部資料。
06 / DELIVER
本週成果
本週過關目標
專案規格、網站原型與後端測試紀錄
勾選供本次瀏覽自我檢核，重新整理後重設。繳交與期限依 Google Classroom 或學校 LMS 公告。
08 / KEEP GOING
下一週，繼續往前。
下一單元：Agentic AI 實作 II：串接、除錯與部署