AI Engineer Europe 2026 · 演講 · 2026-06-05 · 23 分
為 agent 設計工具介面的四個教訓
Building Agent Interfaces: Lessons from Chrome DevTools (MCP) for Agents · Michael Hablich,Google DeepMind
Chrome DevTools 的 PM 拿自家為 agent 打造的 MCP 工具,談省 token、錯誤復原、讓工具被找到,以及信任邊界該怎麼守。
概要
- agent 是另一種使用者Michael Hablich 認為人與 agent 目標相同,但人卡在視覺複雜度,LLM 偏好非視覺、schema 清楚、資料密度高的介面。
- trace 檔要先摘要5 萬行 JSON 的 trace 檔會撐爆 context window,團隊改回傳 markdown 與語意摘要,把 agent 指到對的地方。
- 用 tokens per successful outcome 量效率它同時看有沒有完成任務與花了多少 token,Michael 強調要在同一種 user journey 內比較,不要跨場景比。
- 錯誤要能自己復原有用的錯誤訊息、主動改道到對的工具、troubleshooting skill,都是為了讓 agent 不必等人來修。
- 工具描述是 agent 的介面25 個工具之後換成選擇問題,描述要寫清楚用途與觸發條件,但描述越長 context 越大,這是取捨。
- 方便不能壓過信任AutoConnect 每次都要使用者同意是刻意設計,Michael 依 agent 的執行環境分成三層來看風險。
原話
▶ 08:38“Fuel efficiency is relatively worthless if you can't reach your destination.”
燃油效率如果到不了目的地,就沒什麼價值;所以指標才叫 tokens per successful outcome
▶ 10:38“even an imperfect measurement is better than simply doing gut-driven decisions.”
就算量得不完美,也比單憑直覺做決定好
▶ 16:20“the schema is the UI for the agent.”
對 agent 來說,schema 就是它的介面
▶ 21:21“User experience is evolving to incorporate agent experience.”
使用者體驗正在演變,把 agent 的體驗也納進來
▶ 22:10“Agents are our next users.”
agent 是我們的下一批使用者
延伸
- 那篇談 MCP 工具描述品質的論文,Michael 補充描述加長對較小的模型可能反而造成偏誤,讓它去用不該用的工具,取捨請聽眾自己讀論文判斷。
- 錯誤訊息的實例:「無法在選取的頁面往回瀏覽」那條錯誤,團隊在最後補了一句說明,agent 就能自己修好,不必等人介入。
章節
點時碼直接跳到原片的那一段。
- 開場與提問Michael Hablich 先問現場誰在 agent 上用 MCP server 或 CLI 工具,並預告要講 Chrome DevTools 團隊的四個工程心得。
- DevTools 給 agent 用Chrome DevTools 原本給人除錯網頁,現在有專為 agent 打造的版本,示範中 agent 做效能追蹤、改頁面、再驗證變快;任何支援 MCP 的 agent 都能接。
- agent 瞎飛的起點一年半前團隊看到 coding agent 會寫程式卻無法驗證,原以為丟大量資料就行,結果 5 萬行 JSON 的 trace 檔直接撐爆 context window。
- 改回語意摘要工具改回傳 markdown 與語意摘要,只給 LCP 等效能指標,不讓 agent 讀完整本 trace,而是指到對的句子。
- agent 是另一種使用者人與 agent 目標相同但瓶頸不同:人卡在視覺複雜度,LLM 偏好無視覺、重 schema 清晰與資料密度的介面。
- token 就是成本每個進出模型的 token 都要錢,Michael 提出「tokens per successful outcome」衡量介面的燃油效率,成功與否要一起算。
- 指標只能同場景比這個指標不能跨 user journey 比:網頁抓取便宜、除錯網頁本來就貴;團隊用它找出哪些使用情境該先改。
- 降低 token 的三招工具分類(隱藏冷門工具)、只留三個工具的 slim mode(代價是可能多繞幾輪),以及可串接指令的 CLI。
- 錯誤復原agent 卡住就燒 token,團隊靠有用的錯誤訊息、主動改道到對的工具、診斷用的 troubleshooting skill,讓 agent 自己修好。
- 工具怎麼被找到單一 debug 工具拆成 25 個後,換成 agent 不知道該選哪個;Michael 引一篇論文說 97% 的 MCP 工具描述有品質問題,並談描述要寫清用途與觸發條件。
- skills 也有代價skills 適合複雜流程,但堆太多會讓 agent 亂呼叫、context 又變大,問題只是換地方。
- AutoConnect 的信任取捨使用者要求「記住我的選擇」,團隊刻意保留每次同意的摩擦;Michael 提到 Simon Willison 寫的 lethal trifecta。
- 三層信任邊界本機有人在場、CI 隔離環境、全網路存取的 agent 各自要不同防護,後者要有網域白名單;工具可共用,安全模型不要共用。
- 收尾:四個心得agent 是另一種使用者,Michael 重述四點:量燃油效率、把錯誤變復原、為意圖檢視描述、方便不能犧牲信任。
名詞
- Chrome DevTools for agents
- Chrome DevTools 團隊專為 agent 打造的版本,以 MCP server 提供,也有 CLI
- MCP
- 讓 agent harness 接上外部工具的協定,Michael 說任何支援它的 client 都能用這套工具
- tokens per successful outcome
- Michael 提出的指標,把完成度與 token 成本、工具呼叫次數、時間合在一起看
- slim mode
- 只開放 select page、navigate page、evaluate script 三個工具的模式,省 context 但可能多繞幾輪
- AutoConnect
- 讓使用者把正在看的畫面分享給 coding agent 一起除錯的功能,每次都要使用者同意
- lethal trifecta
- Simon Willison 部落格文章提出的概念,Michael 用它推論本機有人在場那一層的風險
- LCP、INP、CLS
- 網頁效能指標,Michael 說描述裡寫上它們,agent 就能聯想到該用效能追蹤工具
- skills
- 補充複雜流程的說明檔,這場提到 troubleshooting skill,並提醒堆太多會變成新的負擔








