AI Claude Code 概論初級班・第四堂・ Safety Net

YC Studio 2026

Lesson 04 ・ Safety Net

不會不見

讓你的東西 ── 跟你跟 AI 一起做的東西

GIT × GITHUB × SUPERPOWERS

AI 概論初級班 60 MIN

今天要解的三件慘事

改爛了。沒了。
忘了哪版才對。

!

我 / AI 把昨天
好好的版本改爛了

CTRL+Z 救不到

×

電腦掛了 / 中毒 /
不小心刪掉資料夾

硬碟一去不回

?

三個版本長很像
不知道哪個能跑

沒有歷史

前三堂教你放心給 Claude 改檔案，今天教你 ──
萬一改錯的救命，加上怎麼擴充 Claude 的能力。

01 ・上半場

Git + GitHub

本機時光機 + 雲端保險箱
任何一刻都能回去

02 ・下半場

Superpowers

紀律保鏢
逼 Claude 動手前先想清楚

03 ・下半場

MCP 插件

擴充插槽
裝別人寫的能力

其他名詞（branch、merge、rebase、HEAD）── 今天不講。

武器 01 ・開新專案 + 第一個存檔

一句話 ──
「幫我把這資料夾變 Git 專案」

# 在你的資料夾啟動 Claude Code $ cd ~/my-first-web && claude 幫我把這個資料夾變成 Git 專案，建一個 README 寫「我的第一個網頁」，然後存第一個版本。 git init 建立 README.md git add . git commit -m "init: 我的第一個網頁" ✓ 初始版本已存檔 (commit a1b2c3d) 順便幫我建一個 .gitignore，不要備份 .env、node_modules、密碼檔。建立 .gitignore ✓ 已排除 .env / node_modules / *.key / secrets/

不能備份密碼、API key、token、.env、信用卡資料 ── 推上 GitHub 等於對全世界公開。 .gitignore 是「主動排除清單」，一定要先建，再 commit。

武器 02 ・日常存檔 + 雲端備份

講你做了什麼，
不要講 Git 指令。

爛範例

「commit 一下」

commit -m "update"

commit -m "fix"

commit -m "改了東西"

三個月後你打開 ──
完全看不出哪個 commit 改了什麼。
後悔藥找不到對的版本。

好範例・對 CLAUDE 說

「我加了登入按鈕，存起來」

feat: 首頁新增登入按鈕

fix: 修正手機版選單錯位

refactor: 把表單驗證抽成共用函式

Claude 看 git diff 自動生有意義的訊息。
每存一次就多一個救命錨點。

幫我推到 GitHub。 https://github.com/你的帳號/my-first-web git remote add origin ... git push -u origin main ✓ 已備份到雲端　・　之後直接說「幫我推上去」

武器 03 ・五種出包場景

出包了 ── 講人話就好。

你的慘況

對 CLAUDE 說的咒語

背後 Git 指令（不用背）

剛存的版本改爛了
想退回上一版

「我想退回上一個版本」

git revert HEAD
git reset --soft HEAD~1

Claude 改錯檔案
但還沒 commit

「把還沒存的改動全丟掉」

git restore .
git checkout -- <file>

不小心刪了 index.html

「幫我把 index.html 還原回來」

git restore index.html

三個版本忘了哪個能跑

「看一下這專案最近改了什麼」

git log --oneline
git diff HEAD~3 HEAD

整個資料夾被刪
電腦炸了 / rm -rf

「從 GitHub 把這專案抓回來」

git clone <url>

DEMO 現場示範：rm -rf my-first-web ── 整個資料夾消失 30 秒後 ── 一句「從 GitHub 把這專案抓回來」── 原封不動回來。

加碼・既然都備份了

順便讓它 ──
變成真的網址。

STEP 01

生個
名片頁

「幫我生個人名片頁
　寫一個 index.html」

Claude 寫完 +
順手 commit

→

STEP 02

推上去

「幫我推上去」

GitHub 已經有
你的程式碼

→

STEP 03

開 Pages

repo Settings → Pages
Source: main / root

等 1 分鐘 ──
網址誕生

Git 段你會的 ── 註冊・存檔・推雲端・五種後悔藥・部署成網址
你今天「沒學」也不用學的 ── git 指令・ branch ・ HEAD ・ refs ・ Vim

下半場・第一個插件

Superpowers ──
讓 Claude 動手前先想清楚。

它不是工具，是一整套方法論打包成 plugin。
14 個 skill 自動觸發 ── 你不用記、不用呼叫，Claude 自己會用。

沒裝

你：「幫我改 A」
Claude：直接改 → 直接 commit
你：出包 → 找後悔藥

事後救援 ── 救得回，但很狼狽。

裝了

你：「幫我改 A」
Claude：先聊 spec → 列 plan
Claude：寫測試 → 寫 code → 驗證
Claude：review 過了才 commit

事前預防 ── 根本不會走到後悔藥那步。

一行裝完 /plugin install superpowers@claude-plugins-official

「從事後救援，
變事前預防。」

下半場・第二個插件

MCP ──
裝別人寫的能力。

MCP（Model Context Protocol）= Claude 的擴充插槽。
範例：Twinkle Hub ── 台灣政府開放資料 49,343 筆，免費。

資料

49,343 筆

環境・交通・醫療
政府採購・觀光旅宿

同步

每天更新

CSV / JSON / Excel / PDF
統一清理過給 AI 吃

價格

免費

Alpha 期
無使用量上限

# 1. 到 hub.twinkleai.tw 用 Google / GitHub 登入，拿到 sk-... 金鑰 # 2. 一行裝完 claude mcp add --transport http twinkle-hub https://api.twinkleai.tw/mcp/ \ --header "Authorization: Bearer sk-..." ✓ Connected 顯示台北近 30 天的 PM2.5 讀數，並說明趨勢列出今年金額最高的前 10 筆政府採購合約台北市某民宿是否有合法登記

關鍵概念 ── 你不用寫 code，別人寫好的你裝來用。
Superpowers、Playwright、Figma、各家 API ── 都長這樣。

課程結束・一條曲線走完

四堂課 ── 一條完整的路。

LESSON 01 ・ INSTALL

入門

裝 Claude Code
三種使用方式
一份 CSV 四件事

LESSON 02 ・ TAME

馴服

讓 AI 記得你
session 三招・ CLAUDE.md
Linux 三件套

LESSON 03 ・ ECONOMY

經濟學

AI 的桌子怎麼省
Skill ・ Model ・ Context
Subagent ・ Loop

LESSON 04 ・ SAFETY NET

不會不見

Git × GitHub ・後悔藥
Superpowers ・ MCP
擴充・部署

第一堂 → 開始用　　第二堂 → 馴服它
第三堂 → 省著用　　第四堂 → 不弄丟 + 變更強

「Ctrl+Z 救你一步，
Git 救你一輩子，
插件讓你不只你一個。」