用自然說話的語言，親身體驗如何安裝全量技能、自動分類照片公文、彙整正式公務文件，並與 AI 深度共備教案與大螢幕互動教材。
在動手操作前，先透過 3 部精選短片建立全新思維：AI 已經從「陪聊顧問」進化成「有手有腳的執行神隊友」。
理解傳統 ChatGPT 與 AI Agent 的本質差異：Agent 具有感知環境、自我規劃步驟並主動使用工具完成任務的能力。
Skill 就像是給助理的專業工作手冊與 SOP 錦囊。有了特定技能包，通用 AI 就能立刻變身為深諳學校行政與備課規範的資深專家。
認識今天使用的 Antigravity 核心操作介面，了解資料夾、對話視窗與檔案自動變更的即時反饋。
跟著講師節奏，完成軟體安裝與體驗包下載，只需 3 個步驟即可備妥魔法工作區。
請依據您的筆記型電腦系統點選官方下載連結，下載後依預設提示安裝完成：
已收納處室共好 Skill、GitHub 精選教學設計神技能、真實活動照片與公文 PDF：
⚙️ 或按鍵盤 Ctrl + ,
Turbo Mode 後，AI 會自動執行，避免頻繁中斷。
⚙️ Settings ➔ 點選 General ➔ 將 Security Preset 下拉選單選為 Turbo Mode，即可完成設定。
在 Antigravity 對話框中依序貼入以下指令，見證 AI Agent 的全流程執行力！
實戰包裡已經預裝了豐富的精選專業技能。現在讓我們發布第一道指令，盤點並喚醒分身助理的所有專業能力：
實戰包的 01_待整理素材 裡收納了活動照片與真實公文 PDF。請選擇您想體驗的情境（照片自動分類或公文辨識更名）：
面對桌面堆滿 20 多份「新建 文字文件 (3)」、「未命名便條」、「主計室退件說要補的資料」、「asdfghjk」等極度零散的筆記，AI 不會盲目瞎分類！透過 /grill-me，AI 會先閱讀所有內文，主動詢問您的日常分類習慣（如依業務性質 vs 依處室來源），等您回覆確認後，再一鍵建立結構化資料夾並更名歸檔：
調用剛安裝好的行政技能，把零散資訊一鍵彙整為結構嚴謹、符合公務規範的正式文件（100% 標楷體 Word 檔）：
體驗人機共備的最高境界！指令開頭加上 /grill-me，AI 不會自己生硬腦補，而是化身專業輔導員主動追問教學情境（場地大小、球具數量、學生先備經驗），訪談對齊後直接產出 40 分鐘三段式教案、互評表，並瞬間寫出一個可在瀏覽器全螢幕（F11）大螢幕計時與計分工具！
今天研習大家先學會在筆電單機使用。但恩齊平常在學校帶隊、行政，回到家還要寫教案做系統，到底如何做到「不用隨身碟、不用 LINE 傳檔，學校做到哪、回家一秒接續」？
關鍵就是將 AI Agent 的辦公桌（資料夾）搬上雲端硬碟，實現雙機無縫掛接！
就像今天研習一樣，在筆電桌面解壓縮「實戰大禮包」，Antigravity 點選 File ➔ Open Folder 開啟資料夾。
安裝「Google 雲端硬碟電腦版」或 OneDrive，在虛擬雲端磁碟（如 G:\我的雲端硬碟\）建立工作資料夾。
學校電腦與家裡電腦登入同一個 Google 帳號，兩台電腦的 Antigravity 都打開「同一個雲端資料夾」！
/shutdown 與 /startup，下班 3 秒存檔、回家 1 秒開工！
G: 磁碟）。
G:\我的雲端硬碟\ 建立例如 體育組AI專區 資料夾，把今天的 skills/ 和備課素材放進去。
File ➔ Open Folder 選取該雲端資料夾。/shutdown」，AI 自動把今天進度壓進交接檔並保存。/startup」，AI 自動讀取交接檔，立刻告訴你：「組長，今天在學校做到五年級籃球教案，我們繼續！」
Skill 是 AI Agent 的專業 SOP 錦囊。實戰包已為全體團員完整收納 39 大精選神技能，涵蓋行政共好、健體備課、視覺設計、思考訪談與工程防護！
| Skill 名稱 / 指令 | 核心功能與作用 | 現場解決的痛點 |
|---|---|---|
| organize-activity-photos 活動與LINE照片整理 |
自動解析照片民國年月日與學期，依活動主題自動建立資料夾並標準化三位流水號中文更名 | 運動會或公開授課拍了上百張照片，免手動建夾與挑圖改名，10秒自動歸檔 |
| help-colleague-scan-organizer 行政處室掃描更名歸檔 |
高精度本地離線 WinRT OCR 辨識，自動讀取掃描收件匣 PDF 公文字號與主旨，標準更名並抽取憑證 | 整批公文、簽到表或核銷憑證不再全是亂碼長序號，自動辨識分類歸檔 |
| Skill 名稱 / 指令 | 核心功能與作用 | 教學現場應用亮點 |
|---|---|---|
| pe-lesson-planner 健體備課神隊友 |
新北市國小體育 40 分鐘標準配比、三段式架構（暖身/發展/綜合）、技能口訣與學生互評規準生成 | 免於四處剪貼教案，丟入動作照片或口語筆記，30秒產出標準教案與互動計分工具 |
| differentiated-worksheet-generator 差異化教材生成器 |
專為特殊教育、資源班與普通班分層學習單產出，支援情境漫畫插圖、100% 標楷體 Word (.docx) 與語音朗讀 HTML | 照顧學習弱勢與特教學生。對話打「做差異化學習單」即可自動分層改寫課文並產出點讀教材 |
| self-made-ebook e指書自製教學電子書 |
雙模式教學互動 HTML 產生器，具備「學生端純淨 A4 列印」與「教師端大屏投影教學互動（逐題揭曉、螢光筆板書）」 | 結合大螢幕教學與紙本列印。對話打「製作電子書」即可生成單一 HTML 互動教材 |
| interactive-step-math 步驟解題互動工具 |
製作選項點擊填入或鍵盤輸入之步驟解題互動網頁，支援 KaTeX 漂亮數學渲染、Tailwind 佈局與即時防呆計分 | 對話打「做互動步驟數學」即可生成點擊解鎖數學網頁，學生自主練習超有感 |
| Skill 名稱 / 指令 | 核心功能與作用 | 使用情境與特色 |
|---|---|---|
| codex-ppt-style-expanded SlideWeave 圖敘簡報 |
首創「無文字 AI 質感背景 ＋ 原生 PowerPoint 可編輯文字」分層架構，內建 27 種前衛美學風格、樣張即時對比與 Draw.io 流程圖 | 對話鍵入 /codex-ppt-style-expanded 或「做簡報」即可啟動，支援清爽專業風等 27 種風格 |
| diagram-design 雜誌級架構圖表設計 |
產出 40 種純靜態 HTML+SVG 編輯級架構圖、流程圖、泳道圖、甘特圖與桑基圖，告別廉價 AI 味與混亂排版 | 對話打「畫架構圖」或「畫流程圖」即可生成自包含 SVG 網頁，嚴守 4px 網格極簡排版 |
| apple-design 蘋果級質感設計 |
遵循 Apple 頂級介面美學與流體手感；阻尼彈簧物理（Springs）、毛玻璃層次與 WWDC 級動態 | 打造具有 iOS/macOS 高級精緻質感的 UI 與互動手感時自動調用 |
| ui-prototype 多風格 UI 即時原型探索 |
針對指定元件快速生成 2~3 種截然不同風格與手感的原型，內附即時鍵盤切換 Picker 供試玩評選 | 拿不定主意要哪種視覺風格或按鈕手感時，直接生成多種版本點擊比較 |
| prototype 拋棄式邏輯原型 |
建立拋棄式邏輯原型，在寫正式代碼前快速確認狀態模型、複雜邏輯或前端互動手感的可行性 | 快速驗證邏輯好不好用、手感對不對時啟動 |
| pick-ui-library 前端 UI 套件選型庫 |
針對特定前端功能（如選單、表格、數字滾動、Toast）挑選最輕量、最現代的第三方元件庫 | 猶豫要用哪套開源組件、不確定該自刻或引進套件時推薦最佳解 |
| animate / animate-expo 網頁與 Expo 移動端動效 |
手作微動效（<250ms 極速物理曲線）；針對 React Native/Expo 手機 App 的手勢阻尼與觸覺反饋 (Haptics) | 從零打造有生命力的按鈕、卡片微互動或手機 App 原生手勢轉場 |
| animation-vocabulary 動效字典反查 |
將「果凍彈跳、回彈、橡皮筋滾動」等白話描述精準反查為前端專業術語（Rubber-banding, Pop-in） | 想做某種動態效果但不知道專業術語時反查 |
| find-animation-opportunities 動態靈感掃描 |
掃描介面中值得加入動態反饋的絕佳機會，並提出具體數值與曲線方案 | 想讓頁面更生動、尋找哪裡可以加動畫時啟動 |
| improve-animations / review-animations 動效體檢與工藝審查 |
資深動效顧問視角審查代碼，產出分級改善清單；以極致工藝標準審查曲線、手感、打斷性與效能 | 修復卡頓掉幀動畫或需要設計工程師視角驗收細節 |
| ask-sonner Sonner 吐司通知指引 |
React 頂級 Sonner Toast 訊息通知元件配置與排錯手冊，處理堆疊、進退場與深色模式 | 整合或除錯彈跳提示訊息、Toast 樣式或層級問題 |
| Skill 名稱 / 指令 | 核心功能與作用 | 現場應用亮點 |
|---|---|---|
| grill-me 深度決策對焦訪談 |
連續提問追問訪談工具，逐步收斂需求分支與相依性；反向提問打破「不知道怎麼下指令」盲點 | 任務四壓軸王牌！鍵入 /grill-me，AI 反客為主訪談老師教學細節再出教案 |
| grill-with-docs 文檔對照深度訪談 |
結合外部特定技術規格或規範進行對焦訪談，對齊架構細節並保留決策紀錄 | 依據特定法規、實施計畫或官方手冊對齊實作方案時使用 |
| agentic-unknowns-finder 未知盲點探尋 |
專案初期盲點掃描（Blind Spot Pass）、原型風暴與訪談收斂 | 面對全新計畫或模糊需求時，主動盤點未考慮到的潛在坑洞 |
| edit-article 文章結構潤飾 |
重組段落結構、優化論點流暢度與文筆表達；去除 AI 八股贅字，保留真實心魂 | 撰寫新聞稿、專案說明、研究心得或長篇成果時深度修訂 |
| teach 概念互動教學引導 |
以互動式步調向使用者循序漸進解說新概念，帶領學員一步步練習與反饋 | 想搞懂複雜的技術原理或教育新知時，讓 AI 當貼身一對一導師 |
| cocoloop 技能安裝管理器 |
快速安全的 Skill 管理器，支援搜尋、安裝、更新與依賴管理，自動安全驗證 | 在終端機輕鬆搜尋與安裝 GitHub 開源技能 |
| Skill 名稱 / 指令 | 核心功能與作用 | 專業防護與研發價值 |
|---|---|---|
| startup / shutdown / handoff 開工收工交接三部曲 |
自動辨識跨電腦進度；三層級自動保存（handoff ➔ Git ➔ Obsidian）；長對話精準壓縮防 Token 膨脹 | 換電腦無縫接續的靈魂基建，下班收工、上班開工一鍵到位 |
| project-init 專案初始化基建 |
三層級自動偵測初始化（專案藍圖 agents.md、Git 版控、Obsidian 筆記中樞） | 建立全新專案時標準化基礎建設，開局即合規 |
| verification-first 驗證先行工作流 |
嚴禁未經驗證就宣告完成，透過實際運行輸出確保修改 100% 生效 | 杜絕 AI 假回報，確保程式碼或排版真正可執行 |
| diagnosing-bugs / systematic-debugging 根本原因系統化除錯 |
針對頑固 Bug 建立假設驗證迴圈；拒絕亂槍打鳥，透過日誌與最小復現排查根本原因 | 遇到棘手程式異常或效能急跌時精準破案 |
| code-review / codebase-design 代碼審查與架構設計 |
對照規範雙軌深度審查代碼；劃分乾淨介面邊界，降低心智負擔與代碼偶合 | 保持程式庫整潔高品質的架構護城河 |
| SkillScan 技能安檢防護閘門 |
技能安裝與使用前的安全檢測門禁，自動阻擋惡意指令與高風險代碼 | 安裝外部社群技能前自動安檢，確保電腦絕對安全 |
| self-improving-agent 自我進化與經驗萃取 |
自動捕捉成功範本、避坑經驗與使用者糾正，沉澱為長效技能規則 | Agent 的自主學習大腦，不二過鐵律的核心基石 |
| writing-great-skills 高質量技能編寫指引 |
編寫頂級 Skill 的架構規範、漸進式披露模式、Trigger 描述心法與範本 | 打算為自己處室編寫專屬 Skill 時的最佳指引手冊 |
| auto-updater 技能自動更新器 |
定時自動檢查並更新所有已安裝技能版本 | 保持全域技能庫始終處於最新穩定版本 |
| security-guardrails 資安審查與漏洞防護 |
密鑰防洩漏、SQL 注入、XSS 攻擊防護與輸入安全性全面檢驗 | 處理個人敏感資料或系統輸入時的防護盾 |
下載今天提供的實戰體驗包，解壓後就是標準 Skill 結構，直接留在電腦裡隨時使用！
使用 cocoloop 工具或在 GitHub 搜尋公開 Skill 庫，將資料夾複製進 skills/ 即可立即擴充新能力！
只要建立一個資料夾，寫下 SKILL.md 描述你的公文格式或教學習慣，AI 就會永久記住你的專屬 SOP！
研習現場常見問題排解 SOP，點擊問題立即查看解決方式：
.html 檔案，按滑鼠右鍵選擇 Open with Default Browser（用預設瀏覽器開啟）。跳出瀏覽器視窗後，按下鍵盤上的 F11，就能立即全螢幕投影操作！