Oop Portfolio Template — Git skill for Claude Code

我的作品集：物件導向程式設計

這是你整學期的作品集 repo：後未來動物園 M0 到 M6 七站的作品、你的 AI 工作流、你的成長紀錄，全部在這裡累積。 課程頁：（每週進度、各站步驟與截止時間都在課程頁）

開工：在自己的筆電上（主要路線）

1. 裝 GitHub Desktop，用你的 GitHub 帳號登入
2. 在 GitHub Desktop 選 File → Clone repository，挑這個 repo，存放位置用預設的「文件」裡的 GitHub 資料夾，按 Clone
3. 照課程頁「開工準備」裝好 agy（Mac 與 Windows 的指令都在那裡）
4. 在 GitHub Desktop 選 Repository → Open in Terminal（Windows 是 Open in Command Prompt），終端機會開在這個 repo 裡，輸入 agy 啟動
5. 開工先問它「AGENTS.md 裡的課堂公約有哪幾條」，答得出來就代表它讀到了
6. 做完回到 GitHub Desktop：左下角寫一句這次做了什麼，按藍色的 Commit 按鈕，再按上方的 Push origin，交上去的才算數

已經在用 Claude 或 ChatGPT 的同學，第 3 步可以改裝 Claude Code 或 Codex，指令也在課程頁「開工準備」。

這個 repo 的結構

AGENTS.md        ← 你的 AI 工作流與課堂公約（agy、Codex 自動讀，M0 就寫下三條自己的規則，之後持續補）
CLAUDE.md        ← 給 Claude Code 的入口，第一行把 AGENTS.md 接進來
.devcontainer/   ← 雲端工作室的環境定義（Claude Code 已預裝），你不用動它

每一站自己建一個資料夾，名稱照這七個：`m0-outfit`、`m1-world`、`m2-species`、`m3-creature`、`m4-population`、`m5-habitat`、`m6-zoo`。課前準備與物種日誌寫在當站資料夾的 `notes.md`。

交作業（四件套）

每一站的資料夾裡要有：

1. 程式碼：可執行（p5.js 網頁作品＝index.html＋sketch.js）
2. 截圖或影片：放進同一個資料夾
3. 反思：README.md 裡寫 100 到 200 字（自己寫，AI 不代寫）
4. AI 揭露欄：README.md 裡照下表填（沒用到就寫「未使用」）

## AI 揭露欄
| 項目 | 內容 |
|------|------|
| 工具 | （例：agy／Claude Code／未使用） |
| 日期 | |
| prompt 摘要 | |
| 採用範圍 | （哪些碼／想法來自 AI，自己改了什麼） |

各站截止時間寫在課程頁的里程碑指南與交付方式，截止前交上去就算繳交。commit 的時間戳就是紀錄，每一步嘗試都是過程的證據。

第一次試跑（M0 的程式碼就用它）

在 repo 裡建 `m0-outfit/` 資料夾，裡面放兩個檔案（可以請你的 AI 帶你建）：

**`m0-outfit/index.html`**

  
    
    
    我的第一個動畫
    
    html,body{margin:0;height:100%}main{display:flex;justify-content:center;align-items:center;height:100%}