接上手腳
到上一堂為止，你的 AI 碰得到的東西其實很有限——寫不進 Notion、打不開瀏覽器、更碰不到公司的系統。今天你要親手把手腳接上去：先搞懂「要讓 AI 碰到一個東西」總共只有兩條路，然後各走一次。走完，它會讀得到你 Chrome 上正在看的那一頁。
開始之前 · 30 秒
- 今天大部分動作在 Claude Code 和 Chrome 裡，不會動到你的揪團頁
- 掛 MCP 大多在 Claude Code 右上角的 Add ⌄ 裡點一點就好；只有第 03 節那一行要在終端機跑（Mac 內建的「終端機」App，用 Spotlight 搜
Terminal），教材會標清楚 - 今天會有兩道門要你親手開：一個是 Notion 的授權畫面（第 6 堂那三個問題再問一次，這次對象是你自己的 AI），一個是 Chrome 的允許對話框
- 卡住不要硬撐：安裝這種事沒有「想通」這回事，舉手比自己查快
你的 AI 已經會幫你開 PR 了。但你叫它去看一眼 Notion，它就沒轍——同樣是一句話交代，一件做得到、一件做不到，差別在哪？
差別在它手上有沒有那個服務的工具。而要把工具交到它手上，只有兩條路。搞清楚這兩條，以後你遇到任何「AI 怎麼碰不到 X」都知道該問什麼。
先問一句：「這個服務有沒有指令列工具？」
有 → 裝那個 CLI，登入一次就好（GitHub、Google Workspace 都有）。
沒有，或是需要「只給它看這幾頁」這種細緻權限 → 找它的 MCP server（Notion、瀏覽器、公司內部系統）。
Google Workspace 也有指令列工具 gws，講師會現場示範它把行事曆讀出來（gws calendar +agenda）、把雲端硬碟的檔案列出來（gws drive files list）。
誠實提醒：這個工具不是 Google 官方產品（作者自己在專案頁寫明了），還沒到 1.0、之後會有破壞性改動，而且安裝要自己開一個 Google Cloud 專案。今天只示範不動手，想裝的人課後找講師拿步驟。
但概念要帶走：Google 這邊走的也是 CLI 那條路。
Notion 沒有給你用的指令列工具，但它有官方的 MCP server。這是第二條路。
在 Claude Code 裡加一個連接器 · 之後每一台都是同樣四步
- ① 右上角的 Add ⌄ → 選 custom connector
- ② 網址填
https://mcp.notion.com/mcp，送出 - ③ 它會要你授權 → 瀏覽器跳出來的，就是上一堂那個勾選畫面
- ④ 停住，先不要按允許——先看下面那三個問題
| 它要什麼範圍？ | Notion 一樣讓你一頁一頁勾。勾你真的要它幫你處理的那幾頁——記得包含跟團紀錄，等一下要用 |
| 它要讀，還是也要寫？ | 這台是讀寫都要。你要它幫你整理 Notion，它就得能寫——這是你自己決定接受的，不是被偷走的 |
| 我怎麼收回？ | Notion → 設定 → 我的連線，隨時撤銷。現在就去看一眼那個頁面長怎樣，別等到要用的時候才找 |
授權完成後 · 試一句
幫我在 Notion 找到「跟團紀錄」那張表， 看看今天有幾筆、分別是誰跟了哪一家。
.env.local 放一把金鑰、寫一段 fetch、還要處理回來的資料。今天你只是講了一句話。但中間那一層沒有消失——MCP 幫你收掉了，金鑰跟權限換成「你本人授權」這個形狀而已。看得懂這件事，跟只覺得「哇好方便」，是兩種人。
第三雙手腳：瀏覽器。這一節不除錯、不修東西——只證明一件事：它碰得到你螢幕上正在看的那一頁。碰得到之後能拿來做什麼，你之後自己會找到用途。
chrome-devtools-mcp，不要打開它。那個版本預設會自己另開一個乾淨的 Chrome——裡面沒有你的分頁，它讀到的會是一片空白。要讀「你正在看的那一頁」，得走下面那一行、帶上 --autoConnect。第一步 · 在 Chrome 裡打開遠端除錯
- ① 在 Chrome 網址欄輸入
chrome://inspect/#remote-debugging - ② 把遠端除錯打開
- ③ Chrome 會跳一個對話框問你要不要允許外部連線——按允許
第二步 · 這一台加不進 Add ⌄，要用終端機
所以這一台走終端機。整堂課只有這一行需要終端機，之後掛的每一台都回到 Add ⌄。
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --autoConnect
第三步 · 開一個分頁，叫它讀
- 在 Chrome 開一個你自己想看的分頁——新聞、蝦皮、公司後台，隨便什麼都行
- 回到 Claude Code，貼上下面的 Prompt C
我 Chrome 現在開著一個分頁。 你去讀那一頁，告訴我它的標題、還有它主要在講什麼。 然後把頁面捲到最底，告訴我最下面有什麼。
過關條件 · 就這兩件
- 它講出來的標題，跟你螢幕上那一頁真的一樣（不是它自己去網路上找的）
- 它捲動的時候，你會看到自己的畫面在動——那是你的瀏覽器，不是它另開的
① 它說看到
about:blank 或空白頁 → --autoConnect 沒生效。回終端機確認那一行有帶上它，然後重開 Claude Code。② 它說連不上瀏覽器 → 第一步沒做完，或那個允許對話框被關掉了，重走一次第一步。
③ 它讀到的是別的分頁 → 你有多個 Chrome 設定檔，它連的是預設那個；把分頁開在預設設定檔裡。
④ 完全沒反應 → 這功能要 Chrome 144 以上，去「關於 Chrome」看版本、更新。
- 準備
gws示範環境（先跑完gws auth login），備妥兩個不含個資的安全示範指令；示範時避開會露出私人行事曆／信件的畫面 - 課前自己把第 01～03 節每一步完整跑一遍——這些工具版本會變，教材上寫的選項文字可能跟當天不同
- 確認課程用的 Notion 表已經分享給每位學員的帳號，否則第 02 節的勾選畫面上找不到「跟團紀錄」
- 課前確認全班的 Chrome 都在 144 版以上（第 03 節的
--autoConnect要求），太舊的先請他更新 - 準備一張「常見卡關」小抄給助教：終端機沒重開、授權中途跑掉、勾錯頁面、
--autoConnect漏掉（AI 只看到空白頁）、Chrome 多設定檔
chrome-devtools-mcp plugin，那個版本會另開一個空白 Chrome，全班會一起卡在「它說我的頁面是空的」。建議每一節動手結束都喊一次「做完的舉手」。作業：一個 PR，交一份 submissions/<你的帳號>/lesson-07/mcp-notes.md。
今天沒有頁面要改——今天改的是你的 AI 碰得到什麼。所以交的是一份紀錄，三題：
- 今天掛的兩台，走的是 CLI 還是 MCP 那條路？為什麼不是另一條？
- Notion 授權時你勾了什麼、沒勾什麼？為什麼這樣勾？
- 掛完之後，你叫 AI 用 Notion 幫你做了一件什麼事？把你下的話和結果貼上來（隨便什麼都行，找一件你真的會用到的）
講師 / 助教檢核重點
- 每人掛上 Notion MCP 並走過授權，能指著勾選畫面說出自己給了什麼
- 每人的 AI 讀得出他 Chrome 上開著那一頁的標題——現場抽問，讓他當場換一個分頁再問一次
- 每人能說出 CLI 跟 MCP 的差別，以及「這個服務有沒有指令列工具」這個判準
- PR 那份紀錄的第三題不是空話——他真的拿它做過一件事