Built-in AI & WebMCP: The AI Revolution Right in Your Browser

More and more developers are looking to integrate Generative AI features into their applications. Until now, this has almost always meant going to the cloud, but it doesn't have to be that way! Microsoft and Chromium are currently implementing built-in AI interfaces in Chrome and Edge that provide access to a locally installed large language model (LLM). The advantages are obvious: user data does not leave the device, and everything works even with a weak or no internet connection. Google and Microsoft are also currently specifying the WebMCP protocol: this allows a web application to make its tools known to an LLM and become part of an agentic workflow. In this session, Christian Liebel will demonstrate the use cases that the APIs cover and show you how you can make your web application smarter.

Transcript

1. Built-in AI & WebMCP The AI Revolution Right in Your Browser Christian Liebel @christianliebel Consultant
2. Built-in AI & WebMCP The AI Revolution Right in Your Browser Schedule 🕒 Room Title 10:15 Regency D AI in the Browser: Smarter Angular Apps with Prompt API and WebNN 11:30 Regency D Built-in AI & WebMCP: The AI Revolution Right in Your Browser
3. Hello, it’s me. Built-in AI & WebMCP Christian Liebel W3C WebApps, WebML & TAG christian.liebel @thinktecture.com Angular, PWA & Generative AI Microsoft MVP & Google GDE The AI Revolution Right in Your Browser
4. Bring Your Own AI (BYOAI) – Libraries – WebLLM – Frameworks – Transformers.js – ONNX Runtime – TensorFlow.js – APIs – WebGPU, WebNN – Cross-Origin Storage Built-in AI (BIAI) – Writing Assistance APIs – Summarizer API – Writer API – Rewriter API – Proofreader API – Translator & Language Detector APIs – Prompt API – Embedding API NEW! Built-in AI & WebMCP Web AI Landscape The AI Revolution Right in Your Browser
5. Bring Your Own AI (BYOAI) – Libraries – WebLLM – Frameworks – Transformers.js – ONNX Runtime – TensorFlow.js – APIs – WebGPU, WebNN – Cross-Origin Storage Built-in AI (BIAI) – Writing Assistance APIs – Summarizer API – Writer API – Rewriter API – Proofreader API – Translator & Language Detector APIs – Prompt API – Embedding API NEW! Built-in AI & WebMCP Web AI Landscape The AI Revolution Right in Your Browser
6. Built-in AI & WebMCP Built-in AI Operating System Website HTML/JS Browser Internet Apple Intelligence Gemini Nano The AI Revolution Right in Your Browser
7. – Initiative by Google Chrome – Exploratory APIs for local experiments and use case determination – Downloads AI models into Google Chrome – Models are shared across origins – Uses native APIs directly (full performance) Built-in AI & WebMCP Built-in AI https://developer.chrome.com/docs/ai/built-in The AI Revolution Right in Your Browser
8. about://flags Enables optimization guide on device à EnabledBypassPerfRequirement (API) for Gemini Nano à Enabled Built-in AI & WebMCP Built-in AI APIs The AI Revolution Right in Your Browser
9. Incubated by the WebML CG Built-in AI & WebMCP Built-in AI APIs https://webmachinelearning.github.io/incubations/ DEMO The AI Revolution Right in Your Browser
10. Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI APIs https://github.com/explainers-by-googlers/embedding-api
11. TypeScript Definitions Built-in AI & WebMCP Built-in AI APIs The AI Revolution Right in Your Browser
12. TrAIlblazers Blog Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI APIs https://developer.chrome.com/blog/build-new-features-using-built-in-ai-in-chrome-io2026
13. Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI APIs https://developer.chrome.com/blog/build-new-features-using-built-in-ai-in-chrome-io2026
14. Built-in AI & WebMCP Agentic Browsers The AI Revolution Right in Your Browser
15. Built-in AI & WebMCP WebMCP – Allows websites to register tools for use by browser or external AI agents – Joint effort by Microsoft and Google – In specification by the WebML CG – In Developer Trial since Chromium 146, expected Origin Trial in Chromium 149–156, expected Shipping in Chromium 157 (https://chromestatus.com/feature/5117755 740913664) https://github.com/webmachinelearning/webmcp The AI Revolution Right in Your Browser
16. Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP https://webmachinelearning.github.io/webmcp/
17. API Imperative document.modelContext.registerTool({ "name": "start_game", "description": "Start a new game.", "inputSchema": {}, "execute": () => { // Do something }, }); Declarative <form id="reservationForm" toolname="book_table_le_petit_bistro" tooldescription=...> <input name="name" toolparamdescription="Customer's full name (min 2 chars)" /> </form> Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP
18. Smart Form Filling AI in the Browser WebMCP DEMO Smarter Angular Apps with Prompt API and WebNN
19. Imperative Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP Maze https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ DEMO
20. Declarative Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP Maze https://bandarra.me/posts/from-pytorch-to-browser-creating-a-web-friendly-ai-model DEMO
21. Agent-only! Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP Maze https://webmcp-maze.bandarra.me/ DEMO
22. Q&A Built-in AI & WebMCP The AI Revolution Right in Your Browser
23. Thank you for your kind attention! Christian Liebel @christianliebel christian.liebel@thinktecture.com