讓網站成為 agent 的工具箱

概要

• agent 操作網頁很費工Tara 以自己做的售票網站為例，agent 要讀整份 DOM、看 accessibility tree、截圖，再算出要點的位置，流程冗長又脆弱，廣告載入把內容推下去還可能點錯。
• 先把基礎打好Tara 認為讓網站對所有人可用，對 AI agent 也預設可用；語意化 HTML、無障礙標準、頁面效能都做好之後，才輪到 WebMCP。
• WebMCP 是一份工具選單它是提議中的網頁標準，讓網站把功能定義成結構化工具，Tara 說外界稱它是 AI agent 互動的 USB-C。
• 兩種實作方式標準表單用宣告式 API，加幾個屬性、瀏覽器自動產生 JSON schema；較複雜的多步驟流程用命令式 API，自己註冊工具並寫 execute。
• 使用者與 agent 可以交接使用者先自己逛，再把控制權交給 agent，隨時能收回；Tara 也提醒 UI 要和工具呼叫同步，付款這類步驟最好留給使用者。
• 仍是早期實驗Tara 說 API 還在改，可能下週就不同；目前需要 Chrome 146 以上並開啟測試旗標。

原話

• “that you can do so much by improving web foundations first.”

  先把網頁的基礎做好，就能做到很多事

  ▶ 03:04

• “instead of any agent guessing what your website does, you're kind of giving the AI agent a menu of tools that it can use and actions that it can take.”

  不再讓 agent 猜網站能做什麼，而是給它一份可用工具與動作的選單

  ▶ 04:16

• “in short webmcp is the implementation of the tools part of the mcp”

  簡單說，WebMCP 就是 MCP 裡工具那一塊的實作

  ▶ 10:42

• “So you always want to make sure that your UI is in sync with the tool calls that are happening.”

  要確保 UI 跟正在進行的工具呼叫保持同步

  ▶ 17:18

• “This API is very experimental. It will change.”

  這個 API 非常實驗性，之後會改

  ▶ 17:49

延伸

• Tara 說迷宮示範的提示詞太籠統時，agent 會繞回起點再走一遍；補一句「出口在右下角」，它就走得有效率得多。
• Tara 認為命令式 API 可能是最常用的一種，因為多數網站想讓 agent 完成的 UI 流程比單一表單複雜。