所有節目›AI Engineer Europe 2026| World's Fair 2026完整場次線上軌AI in HealthcareSoftware Factories
Building Agent Interfaces: Lessons from Chrome DevTools (MCP) for Agents在 YouTube 看這一場

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 當使用者看原片 ↗

概要

  • 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 的執行環境分成三層來看風險。

原話

  • “Fuel efficiency is relatively worthless if you can't reach your destination.”

    燃油效率如果到不了目的地,就沒什麼價值;所以指標才叫 tokens per successful outcome

    ▶ 08:38
  • “even an imperfect measurement is better than simply doing gut-driven decisions.”

    就算量得不完美,也比單憑直覺做決定好

    ▶ 10:38
  • “the schema is the UI for the agent.”

    對 agent 來說,schema 就是它的介面

    ▶ 16:20
  • “User experience is evolving to incorporate agent experience.”

    使用者體驗正在演變,把 agent 的體驗也納進來

    ▶ 21:21
  • “Agents are our next users.”

    agent 是我們的下一批使用者

    ▶ 22:10

延伸

  • 那篇談 MCP 工具描述品質的論文,Michael 補充描述加長對較小的模型可能反而造成偏誤,讓它去用不該用的工具,取捨請聽眾自己讀論文判斷。
  • 錯誤訊息的實例:「無法在選取的頁面往回瀏覽」那條錯誤,團隊在最後補了一句說明,agent 就能自己修好,不必等人介入。

章節

點時碼直接跳到原片的那一段。

  1. 開場與提問Michael Hablich 先問現場誰在 agent 上用 MCP server 或 CLI 工具,並預告要講 Chrome DevTools 團隊的四個工程心得。
  2. DevTools 給 agent 用Chrome DevTools 原本給人除錯網頁,現在有專為 agent 打造的版本,示範中 agent 做效能追蹤、改頁面、再驗證變快;任何支援 MCP 的 agent 都能接。
  3. agent 瞎飛的起點一年半前團隊看到 coding agent 會寫程式卻無法驗證,原以為丟大量資料就行,結果 5 萬行 JSON 的 trace 檔直接撐爆 context window。
  4. 改回語意摘要工具改回傳 markdown 與語意摘要,只給 LCP 等效能指標,不讓 agent 讀完整本 trace,而是指到對的句子。
  5. agent 是另一種使用者人與 agent 目標相同但瓶頸不同:人卡在視覺複雜度,LLM 偏好無視覺、重 schema 清晰與資料密度的介面。
  6. token 就是成本每個進出模型的 token 都要錢,Michael 提出「tokens per successful outcome」衡量介面的燃油效率,成功與否要一起算。
  7. 指標只能同場景比這個指標不能跨 user journey 比:網頁抓取便宜、除錯網頁本來就貴;團隊用它找出哪些使用情境該先改。
  8. 降低 token 的三招工具分類(隱藏冷門工具)、只留三個工具的 slim mode(代價是可能多繞幾輪),以及可串接指令的 CLI。
  9. 錯誤復原agent 卡住就燒 token,團隊靠有用的錯誤訊息、主動改道到對的工具、診斷用的 troubleshooting skill,讓 agent 自己修好。
  10. 工具怎麼被找到單一 debug 工具拆成 25 個後,換成 agent 不知道該選哪個;Michael 引一篇論文說 97% 的 MCP 工具描述有品質問題,並談描述要寫清用途與觸發條件。
  11. skills 也有代價skills 適合複雜流程,但堆太多會讓 agent 亂呼叫、context 又變大,問題只是換地方。
  12. AutoConnect 的信任取捨使用者要求「記住我的選擇」,團隊刻意保留每次同意的摩擦;Michael 提到 Simon Willison 寫的 lethal trifecta。
  13. 三層信任邊界本機有人在場、CI 隔離環境、全網路存取的 agent 各自要不同防護,後者要有網域白名單;工具可共用,安全模型不要共用。
  14. 收尾:四個心得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,並提醒堆太多會變成新的負擔

相關影片 同屬「工具太多」「agent 當使用者」