體驗一日小小工程師:Antigravity IDE

這堂課的主題只有一句話:學會 Antigravity IDE,讓 AI 幫你整理本地檔案。接下來兩小時你會開一個專案、跟 AI 寫出一個能玩的遊戲、把三份雜亂的對話整理成會議紀錄,最後做出自己的第一個 skill。

開一個專案

1. 在電腦建立一個資料夾,取名 my-project
2. 用 Antigravity IDE 開啟這個資料夾,直接把資料夾拖進視窗也可以
3. 花一點時間點點看,熟悉介面的上下左右

挑戰檢核表

課程中會逐項解鎖,做到就打勾。

A. 介面操作

• 怎麼新增檔案和資料夾(左側)
• 怎麼控制面板顯示隱藏:左(檔案)、下(終端機)、右(chat)
• 怎麼新增 window,同時開不同專案

B. 跟 AI 協作

• 怎麼跟 AI 對話
• 怎麼選 AI 模型
• 怎麼讓 AI 讀取某些檔案(單個、多個)
• AI 要動你的檔案時,權限怎麼核准(sandbox 在保護什麼)

C. 帳號與額度

• 怎麼看剩下多少額度
• 怎麼開啟新對話 & 查看歷史紀錄

練習 1:徒手操作

不靠 AI,自己動手完成:在 my-project 裡新增一個資料夾 notes,裡面新增一個檔案 hello.txt,隨便打幾個字存檔。順便把左、下、右三個面板各關掉再打開一次。

練習 2:跟 AI 寫一個貪吃蛇

打開右側 chat,把下面這段提示詞貼進去:

幫我用 HTML + CSS + JavaScript 寫一個貪吃蛇遊戲,
存成 snake.html 一個檔案就好。
用方向鍵控制,吃到食物加分,撞牆或撞到自己就結束,
畫面上要顯示目前分數。

AI 寫完後,在檔案列表對 snake.html 按右鍵用瀏覽器開啟,就能直接玩。想改就繼續對話,例如「蛇的速度慢一點」「背景換成深色」。

練習 3:把對話紀錄整理成會議紀錄

先把下面三份對話紀錄存進專案:在 my-project 新增資料夾 meetings,建立三個檔案把內容分別貼進去。

小林:官網首頁太舊了,想改版。
阿哲:好,加上深色模式吧。
小林:OK,下週五前先給我看首頁初稿。

阿哲:初稿好了,首頁跟深色模式都能看。
小林:不錯,月底能全部上線嗎?
阿哲:可以,但要先凍結需求,不再加新功能。

小林:上線前的分工確認一下。
阿哲:我負責前端頁面跟部署。
小美:文案跟圖片我來,週三給你。

存好之後,把提示詞貼給 AI:

讀取 meetings 資料夾裡的三個 txt,
整理成一份會議紀錄,存成 meeting-notes.md,
要包含三個段落:討論事項、決議、待辦(標明負責人和期限)。

打開 meeting-notes.md,這就是 Markdown 檔。切換「原始碼」和「預覽」看看 #、-、**粗體** 這些符號怎麼變成排版。試著自己改幾個字、加一條待辦。

練習 4:使用 skill

skill 是一份寫給 AI 看的說明書:把你常用的做事規則寫成檔案,AI 讀了就照規矩辦事,不用每次重新交代。下面就是這堂課要用的 skill,照著掛上去試跑一次,觀察 AI 的行為跟練習 3 有什麼不同。

在 my-project 裡建立這個結構:

my-project/
└─ .agents/
   └─ skills/
      └─ meeting_minutes/
         └─ SKILL.md

然後把下面整份內容貼進 SKILL.md。最上面 --- 夾住的兩行是 skill 的名牌:name 是代號,description 是給 AI 看的一句話簡介。

---
name: meeting_minutes
description: 產生或格式化標準模板的會議記錄。
---

# 會議記錄 Skill

此 Skill 用於確保會議記錄皆符合統一的標準格式。

## 會議記錄模板

```markdown
# 會議記錄

**會議主題**：[主題名稱]
**會議時間**：[時間，如：YYYY年MM月DD日 HH:MM-HH:MM]
**與會人員**：[姓名1、姓名2...]

**會議重點與決議**：
1. **[重點一]**：[說明內容]
2. **[重點二]**：
   - [分工或行動方案一]
   - [分工或行動方案二]
3. **[重點三]**：[後續追蹤事項與時程]
```

## Agent 執行指南

1. **格式規範**：必須完整包含主題、時間、與會人員與會議重點決議，不可遺漏。
2. **文字語言**：預設使用繁體中文。
3. **排版細節**：
   - 主標題為 `# 會議記錄`。
   - 欄位名稱需加粗且接全形冒號，例如 `**會議主題**：`。
   - 重點標題需加粗，例如 `1. **重要事項**：`。
   - 次級項目縮排 3 個空格（`   - `）。

模板裡的 [方括號] 都是佔位符。用練習 3 的素材跑完,成品會類似這樣(可能有些微差異):

# 會議記錄

**會議主題**：官網首頁改版與上線準備
**會議時間**：2026年07月12日
**與會人員**：小林、阿哲、小美

**會議重點與決議**：
1. **首頁改版與風格設計**：確認進行官網首頁改版，並決定新增深色模式以提升視覺體驗。
2. **時程規劃與需求凍結**：確定於本月底前將改版內容全部上線。為確保專案如期完成，即日起凍結所有功能需求，不再接受新功能追加。
3. **工作分工與時程**：
   - 阿哲：負責前端頁面開發與部署，並預計於下週五前提供首頁初稿給小林確認。
   - 小美：負責提供改版所需的文案與圖片，預計於週三前提供給阿哲。

掛好後開一個新對話測試:讓 AI 讀 meetings 資料夾,只說「幫我整理會議記錄」——不用再交代格式,AI 就會照模板輸出。這就是跟練習 3 的差別:規則從提示詞搬進了檔案。

原理一句話:你把「怎麼做」寫成文件,AI 每次動工前先讀它。所以 skill 寫得越具體,AI 的產出就越穩定——連「縮排幾個空格」都能規定。

練習 5:做出自己的 skill

輪到你了。這次不做會議紀錄,自己想一個常用情境(整理待辦、翻譯、幫檔案命名都可以),寫成 skill。一樣的規矩:建立 .agents/skills/自訂名稱/SKILL.md,frontmatter 加上 name 和 description,例如:

---
name: todo_helper
description: 把雜亂的文字整理成待辦清單。
---

# 待辦清單小幫手

當我丟文字給你,照以下規則整理:

1. 輸出成 Markdown 待辦清單(- [ ] 開頭),存成 todo.md
2. 一件事一條,不超過一行
3. 有講到時間的,把期限寫在句尾括號裡
4. 分不出是不是待辦的,放到最後的「待確認」段落

寫好後拿這段文字測試,看 AI 有沒有照你的規則辦事:

明天下午三點跟小林開會,開完要寄紀錄給大家。
snake.html 的速度還要再調慢。
週五前交報告。對了,好像該備份專案了?

沒照規矩?把規則改得更具體,再測一次。skill 就是這樣長出來的:測試、發現漏洞、補規則。

今天燒了多少 token?

課程最後回到檢核表 C:打開額度頁面,看看這兩小時的對話消耗了多少 token。AI 不是免費魔法,每一次對話都有成本;知道怎麼看錶,才知道怎麼省油。

下課前的檢查

• 檢核表 A、B、C 全部打勾
• snake.html 玩得起來
• meeting-notes.md 三個段落齊全
• 自己的 skill 至少測試過一次

帶著這四樣下課,你今天就是一日工程師了。