WebMCP：讓網站把前端功能直接宣告成 AI Agent 可呼叫工具

魔術方塊 Demo 說明了什麼

Threads 貼文展示一個 WebMCP 魔術方塊頁面：使用者或 agent 先把方塊打亂，再要求 agent 解開。真正示範的不是 AI 透過視覺猜按鈕，而是頁面預先暴露可操作方塊的工具，讓 ChatGPT 桌面版中的 agent 呼叫這些前端能力，並在原 UI 中完成狀態變化。

WebMCP 與後端 MCP 的差別

工具生命週期

1. Registration：頁面註冊工具名稱、描述、inputSchema 與 execute callback。
2. Discovery：連到頁面的 agent 查詢目前可用工具。
3. Invocation：agent 傳入符合 schema 的結構化參數。
4. Execution：瀏覽器居中呼叫頁面函式，頁面重用既有 client-side 邏輯。
5. Response：結果回到 agent，畫面也可同步更新，讓使用者審視與接手。