--- schema: 1 type: video title: 'Introducing WebMCP: Agents in the Browser — RL Nabors' description: >- RL Nabors built a comic reader that renders inside Claude. Full panels, navigation, transcript mode, design matched to the original site. No browser tabs. They are reading her own web comic archive entirely through an agent, and it looks like the website. The talk is a case against chat as the permanent UI of agentic software. Chat is to agents what the terminal was to desktop computing: developers love it, everyone else gets the iPhone eventually. MCP apps bundle HTML, CSS, and JavaScript into a single file that agent interfaces render in an iframe, turning any tool response into a real interactive surface. WebMCP goes the other direction: add tool name and description attributes to forms you already have, and browser agents can call your site's functions directly without screenshot parsing or DOM traversal. Both specs exist now. The web platform has been the infinite canvas all along. Speaker info: - https://x.com/nearestnabors - https://www.linkedin.com/in/nearestnabors - https://github.com/rachelnabors Timestamps 0:07 Introduction and Speaker Background 3:28 Motivations for Future-Proofing the Web Comic Site 5:09 Roadmap: MCP, Apps, and WebMCP 6:05 Understanding Transports: STDIO vs. HTTP 8:57 Defining MCP Tools 10:52 The Role of MCP Resources 11:37 The Case Against 'Starfish' (Chat-Only) UI 13:36 MCP Apps: Building Interactive Agent Interfaces 16:34 Best Practices and Gotchas for MCP Apps 17:38 Introducing WebMCP: Agents in the Browser 19:07 Imperative vs. Declarative Models 20:13 WebMCP Demo with the Debugging Extension 21:47 Leveraging Native Browser APIs (Speech, Animation, etc.) --- Watch along with the corrected transcript, summary, timestamps and resources on this talk's official AIE page: https://ai.engineer/talks/LMbeDEQO6QM-your-agent-is-an-infinite-canvas Join our upcoming AI Engineer conferences (see https://ai.engineer landing page): - AIEi Shanghai, November 5–6 — the first for meeting top Chinese labs and engineers - AIE CODE in SF, November 10–12 — the top AI Coding conference returns - AIEi Sydney, December 7–8 — the first AIEi run alongside NeurIPS 2026 in Sydney --- canonical: >- https://liquidgold.cc/channel/aidotengineer/explore/video/introducing-webmcp-agents-in-the-browser-rl-nabors-1dc4e2cdb475 markdown: >- https://liquidgold.cc/channel/aidotengineer/video/introducing-webmcp-agents-in-the-browser-rl-nabors-1dc4e2cdb475.md llms: null parent: 'https://liquidgold.cc/channel/aidotengineer.md' channel: aidotengineer updated: '2026-10-24T13:14:28.194Z' language: null children: [] videoId: LMbeDEQO6QM durationSeconds: 1388 publishedAt: '2026-05-23T18:00:06.000Z' searchChunks: - ordinal: 0 text: null startSeconds: 119 endSeconds: 217 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=119' heldReason: rights - ordinal: 1 text: null startSeconds: 227 endSeconds: 327 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=227' heldReason: rights - ordinal: 2 text: null startSeconds: 338 endSeconds: 436 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=338' heldReason: rights - ordinal: 3 text: null startSeconds: 447 endSeconds: 557 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=447' heldReason: rights - ordinal: 4 text: null startSeconds: 567 endSeconds: 665 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=567' heldReason: rights - ordinal: 5 text: null startSeconds: 677 endSeconds: 789 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=677' heldReason: rights - ordinal: 6 text: null startSeconds: 801 endSeconds: 899 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=801' heldReason: rights - ordinal: 7 text: null startSeconds: 899 endSeconds: 909 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=899' heldReason: rights - ordinal: 8 text: null startSeconds: 909 endSeconds: 1033 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=909' heldReason: rights - ordinal: 9 text: null startSeconds: 909 endSeconds: 1033 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=909' heldReason: rights - ordinal: 10 text: null startSeconds: 1033 endSeconds: 1044 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1033' heldReason: rights - ordinal: 11 text: null startSeconds: 1044 endSeconds: 1135 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1044' heldReason: rights - ordinal: 12 text: null startSeconds: 1044 endSeconds: 1135 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1044' heldReason: rights - ordinal: 13 text: null startSeconds: 1135 endSeconds: 1145 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1135' heldReason: rights - ordinal: 14 text: null startSeconds: 1145 endSeconds: 1235 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1145' heldReason: rights - ordinal: 15 text: null startSeconds: 1145 endSeconds: 1235 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1145' heldReason: rights - ordinal: 16 text: null startSeconds: 1245 endSeconds: 1388 watch: 'https://liquidgold.cc/watch/LMbeDEQO6QM?t=1245' heldReason: rights --- # Introducing WebMCP: Agents in the Browser — RL Nabors RL Nabors built a comic reader that renders inside Claude. Full panels, navigation, transcript mode, design matched to the original site. No browser tabs. They are reading her own web comic archive entirely through an agent, and it looks like the website. The talk is a case against chat as the permanent UI of agentic software. Chat is to agents what the terminal was to desktop computing: developers love it, everyone else gets the iPhone eventually. MCP apps bundle HTML, CSS, and JavaScript into a single file that agent interfaces render in an iframe, turning any tool response into a real interactive surface. WebMCP goes the other direction: add tool name and description attributes to forms you already have, and browser agents can call your site's functions directly without screenshot parsing or DOM traversal. Both specs exist now. The web platform has been the infinite canvas all along. Speaker info: - https://x.com/nearestnabors - https://www.linkedin.com/in/nearestnabors - https://github.com/rachelnabors Timestamps 0:07 Introduction and Speaker Background 3:28 Motivations for Future-Proofing the Web Comic Site 5:09 Roadmap: MCP, Apps, and WebMCP 6:05 Understanding Transports: STDIO vs. HTTP 8:57 Defining MCP Tools 10:52 The Role of MCP Resources 11:37 The Case Against 'Starfish' (Chat-Only) UI 13:36 MCP Apps: Building Interactive Agent Interfaces 16:34 Best Practices and Gotchas for MCP Apps 17:38 Introducing WebMCP: Agents in the Browser 19:07 Imperative vs. Declarative Models 20:13 WebMCP Demo with the Debugging Extension 21:47 Leveraging Native Browser APIs (Speech, Animation, etc.) --- Watch along with the corrected transcript, summary, timestamps and resources on this talk's official AIE page: https://ai.engineer/talks/LMbeDEQO6QM-your-agent-is-an-infinite-canvas Join our upcoming AI Engineer conferences (see https://ai.engineer landing page): - AIEi Shanghai, November 5–6 — the first for meeting top Chinese labs and engineers - AIE CODE in SF, November 10–12 — the top AI Coding conference returns - AIEi Sydney, December 7–8 — the first AIEi run alongside NeurIPS 2026 in Sydney --- Canonical: https://liquidgold.cc/channel/aidotengineer/explore/video/introducing-webmcp-agents-in-the-browser-rl-nabors-1dc4e2cdb475 · Channel: [AI Engineer](https://liquidgold.cc/channel/aidotengineer.md) > Search chunk text is held until public-source provenance is verified. ## Document chunks > Missing: no stored document chunks are available.