鐵人檔案
當 AI Agent 開始能夠瀏覽網站、填寫表單、搜尋商品甚至執行任務，網站也需要從「只給人操作」進化成「AI 能理解並可靠操作」。
這 30 天將從 WebMCP 基礎概念出發，實際研究 Tool、Schema、Declarative API、安全機制與 Agent 整合，並逐步把搜尋、表單、購物車與網站操作轉換成 AI 可直接呼叫的能力。最後將 WebMCP 導入 WordPress／WooCommerce，打造一個真正 Agent-ready 的網站，完整記錄從規格理解、開發實作、除錯到實際 AI Agent 操作的過程。
本篇重點 AI Agent 已經可以看畫面、讀 DOM、模擬滑鼠鍵盤，乍看之下網站好像不用為 AI 做任何事。但「做得到」和「做得穩」是兩回事。WebMCP 的...
本篇重點 MCP 和 WebMCP 都在談「Tools」，但它們解決的不是完全相同的問題。MCP 比較像 AI 應用與外部服務之間的通用連接協定；WebMCP...
本篇重點 目前搜尋 WebMCP 很容易把不同來源混在一起。這個系列以 Chrome 官方實作文件 + WebMCP Web Machine Learning...
本篇重點 WebMCP 還在實驗階段，最常見的第一個錯誤就是： console.log(document.modelContext) // undefined...
本篇重點 今天正式寫第一個 WebMCP Tool。我們會用 document.modelContext.registerTool() 註冊一個 get_pag...
本篇重點 昨天的 get_page_info 已經能執行，但 WebMCP 真正困難的地方不是「function 會不會跑」，而是 Agent 能不能在一堆 T...
本篇重點 Tool Calling 常見失敗不是模型「不夠聰明」，而是 Schema 太模糊。string 如果什麼都能填、選項不用 enum、必填欄位沒進 r...
本篇重點 如果 Tool 找不到資料就 throw new Error('Not found')，Agent 很容易把「正常沒有結果」和「系統壞掉」混在一起。...
本篇重點 WebMCP Tool 不一定要從頁面載入一路活到關閉。官方 registerTool() 可以搭配 AbortSignal 管理 Tool 生命週期...
本篇重點 WebMCP 不只有 registerTool()。Chrome 目前也提供 Declarative API：在標準 HTML <form>...
