把網站變成 agent 能用的畫布

概要

• 一個伺服器，三種用戶端RL Nabors 想讓同一份網漫內容同時給瀏覽器裡的人、agent 裡的人，以及替人上網的瀏覽器 agent 使用，並依序示範三種做法。
• HTTP 傳輸比 stdio 好上手stdio 的伺服器是用戶端在本機啟動的行程，使用者得改設定檔；HTTP 的伺服器是網路服務，使用者只要在 Claude 的設定裡貼上網址。HTTP 也適合 serverless。
• MCP resources 沒有用戶端支援RL Nabors 想把整批逐字稿一次放進 context，而不是讓 Claude 一集一集呼叫工具去抓。resources 正好適合，但找不到能用的用戶端，因此呼籲做 agent harness 的人實作。
• MCP apps 是 agent 裡的小型網站tool 可以回傳打包成單一檔案的 HTML、CSS 與 JavaScript，在 agent 裡直接顯示漫畫閱讀器。它跑在沙盒 iframe 裡，沒有 local storage、沒有網路存取，外部資源要靠 CSP 設定放行。
• WebMCP 讓頁面自己交出工具瀏覽器 agent 現在靠截圖或讀 DOM 操作網站，很耗運算。WebMCP 讓頁面把自己的函式直接註冊成 agent 能呼叫的工具，有宣告式與命令式兩種寫法。
• 規格還在變RL Nabors 說標準組織仍在來回討論，WebMCP 與 MCP 規格可能分歧，示範用的是一個除錯用的擴充功能，不是真正的瀏覽器內建 agent。

原話

• “It is an infinite canvas that can render anything, not just documents, but video, audio.”

  它是一塊什麼都能渲染的無限畫布，不只文件，還有影片和音訊

  ▶ 02:14

• “Agents really don't like using MCP tools to go add Markdown to their context.”

  agent 真的不愛用 MCP 工具把 Markdown 加進自己的 context

  ▶ 10:48

• “They're not like websites. They're an island.”

  它們不像網站，是一座孤島

  ▶ 15:09

• “It's really just like tools for agents in your browser, yo.”

  說穿了，就是給瀏覽器裡的 agent 用的工具

  ▶ 18:35

延伸

• WebMCP 的由來：RL 轉述 WebMCP 創作者的說法，它起源於 Amazon，最初是為了繞過一堆驗證問題而做。
• RL 說示範用的漫畫都是自己的作品，不必擔心版權；圖也先用 glazing 處理過，避免被拿去訓練。
• RL Nabors 說自己會把 getPage 的輸入參數精簡成只需要故事線 ID 與頁碼，這場沒有示範改完的結果。