AI Native DevCon 2026 London — all conference sessions as interactive skills
70
88%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Maximiliano Firtman ("Maxi") — web developer from Buenos Aires, Argentina. ~30 years as an app developer, ~third decade as web developer, also mobile. Author of books and online courses across multiple providers. Self-describes as a "[Google] ambassador" (transcript says "colleagues ambassador", clearly a speech-to-text artifact for "Google"). The session was opened/closed by Simon Maple (Head of Developer Relations at Tessl; AI Native Dev co-host) — but Simon's framing words are minimal and the bulk of the transcript is Firtman.
Not provided by the user. [inferred] A practical introduction to Web MCP — a proposed W3C standard, entering origin trial in Chrome 149 — that lets web developers expose explicit tools from the frontend to AI agents, replacing today's slow, expensive, error-prone screenshot/DOM-inference techniques. Covers the agentic-web problem space, contrast with MCP, tool anatomy, imperative and declarative APIs, a live Doom-playing demo, the Chrome DevTools MCP bridge for using Web MCP today from Claude Code / Cursor / Codex, and a concrete adoption recipe.
Agents need to operate the web, but inference-based approaches (HTTP fetch, accessibility-tree reading, browser plugins, computer use) burn time, tokens, and context. Web MCP flips this: instead of the agent guessing the UI, the web developer declares typed tools the agent can call directly, with full access to the live browser context the backend doesn't have (DOM state, forms, sensors, session, client APIs). MCP and Web MCP are complementary — MCP for backend/server tools, Web MCP for anything that lives in the frontend.
| Section | Summary | Approx. transcript lines |
|---|---|---|
| 1. Speaker intro | Maxi introduces himself: Argentina, 30 years dev, books/courses, Google ambassador | top ~10 lines |
| 2. The agentic web — three vectors | Agents want to build web apps; web apps want to host agents (incl. "MCP apps" inside Claude/ChatGPT); users want to browse via agentic browsers (Atlas, Gemini in Chrome) | next ~15 lines |
| 3. The problem: how agents access the web today | Connectors, CLIs (npx), HTTP fetch, browser-use plugins, computer use — all costly in time/tokens/context | middle section |
| 4. World Cup web-app running example | Following FIFA-style site to find Round of 16 / semifinals / final info takes the agent minutes | embedded in §3 |
| 5. From inference to contract — Web MCP intro | Web MCP exposes capabilities (not pixels) from the frontend; tool = name + description + JSON schema + execute fn | mid-talk |
| 6. Why not just MCP? | MCP connects agents to backend; Web MCP exposes frontend context (DOM, forms, sensors, web serial, session storage) | mid-talk |
| 7. "Inspired by MCP, not the same protocol" | The "X is to Java" analogy; W3C-tracked, separate spec | mid-talk |
| 8. Origin trial status | Chrome 149 origin trial starting "tomorrow"; flag-enabled today; API may still change | mid-talk |
| 9. Tool object anatomy (imperative API) | name, description (written for AI), inputSchema (JSON schema), execute (async fn) | later |
| 10. Declarative API for forms | tool name, tool description, optional tool auto submit, per-field tool param description on form elements / web components | later |
| 11. Web MCP Inspector + World Cup demo | List of tools (get matches by date, get team matches, list rules, search matches…); agent calls multiple tools to answer "can Argentina and England meet in the final?" | later |
| 12. Doom demo | Firtman added Web MCP to an open-source Doom port; agent plays Doom via move, rotate, screenshot + position tools | later |
| 13. Using Web MCP today via Chrome DevTools MCP | Chrome DevTools is itself exposed as an MCP server; agent → DevTools MCP → headed Chrome → Web MCP tools. Puppeteer alt. | later |
| 14. Tool design guidance | One purpose per tool; state-aware registration; plain-language descriptions; strict types + meaningful errors; small outputs | near end |
| 15. Adoption recipe | Pick one high-value page state → expose a read-only diagnostic tool → evaluate with calls/arguments → automate via Chrome DevTools MCP or Puppeteer | near end |
| 16. Wrap + host close | Experimental, expose frontend tools, full browser context, available in origin trial / DevTools MCP / Puppeteer; Simon closes the session | end |
execute.tool, tool description, optional tool auto submit, and tool param description.npx commands the agent invokes in terminal.{
name: <string>,
description: <string written for an AI agent>,
inputSchema: <JSON schema>,
execute: async (args) => result
}tool — tool name (mandatory)tool description — mandatorytool auto submit — boolean; permits agent-driven submissiontool param description — per-field, on inputs / textareas / selects / form-element web components, when the label alone isn't enough for an agentPick one high-value page state, expose a read-only diagnostic tool from it, evaluate by calling it with arguments from Claude Code / Cursor / Opencode, then automate via Chrome DevTools MCP or Puppeteer. Native agent support expected "in a couple of months."
tool auto submit interacts with CSRF / one-time tokens..tessl-plugin
talk-azriel-executable-specs
talk-baker-sadogursky-context-engineering-skills
talk-batey-building-product-teams-age-of-ai
talk-birgitta-closing-keynote
talk-cormack-tests-lie-observability-ai
talk-debois-agent-enablement
talk-douglas-training-ai-on-your-own-code
talk-dubnov-merge-rate-ai-adoption
talk-farley-vibe-coding-best-we-can-do
talk-firtman-web-mcp-agentic-web
talk-foxwell-reinvention-dev-team
talk-groetzinger-skills-everywhere
talk-jones-odevo-ai-native-transformation
talk-jourdan-pipelines-to-prompts
talk-katsioloudes-code-security-ai
talk-kerr-bipolar-disorder-dysregulation-ai
talk-kushwaha-benchmarking-agent-era
talk-lamis-context-engineering-dreaming
talk-lawson-agent-experience
talk-lopopolo-harness-engineering
talk-lubken-embedding-pi-coding-agent
talk-maleix-collective-intelligence
talk-marsden-agent-desktops
talk-martinelli-spec-driven-development
talk-moss-skills-team-workflow
talk-obstbaum-willoughby-vibes-to-metrics
talk-overweg-one-brain-no-filtering
talk-podjarny-skills-are-the-new-code
talk-roberts-ai-native-brownfield
talk-roberts-brownfield-ai-native
talk-ruiz-agents-on-canvas-tldraw
talk-scheire-artificial-intelligence
talk-selajev-docker-sandboxes-agents
talk-sloan-harness-engineering-beyond-code
talk-smith-connecting-context-future-transports
talk-stack-humans-architect-ai-writes-code
talk-syme-agentic-repository-automation
talk-thomas-ai-native-engineering
talk-trieloff-browser-agents
talk-walter-runtime-intelligence-agents
talk-wotherspoon-humans-vs-slop