Built-in AI & WebMCP: Die AI-Revolution direkt im Browser

Immer mehr Entwickler beabsichtigen, Generative-AI-Funktionen in ihre Anwendungen zu integrieren. Bislang führte dieser Weg praktisch immer in die Cloud – aber das muss nicht so sein! Aktuell implementieren Microsoft und Chromium die Built-in-AI-Schnittstellen in Chrome und Edge, die Zugriff auf ein lokal installiertes Large Language Modell (LLM) gewähren. Die Vorteile liegen auf der Hand: Die Anwenderdaten verlassen das Gerät nicht, alles funktioniert auch bei schwacher oder komplett ohne Internetverbindung und es muss kein extra Modell heruntergeladen werden, da einfach das lokal vorhandene genutzt wird. Ebenso spezifizieren Google und Microsoft gerade das Protokoll WebMCP: Somit kann umgekehrt eine Webanwendung einem LLM seine Tools bekannt machen und Teil eines AI-Agent-Workflows werden. In dieser Session zeigt Christian Liebel, welche Anwendungsfälle die APIs abdecken und wie auch Sie Ihre Webanwendung smarter machen.

Transcript

1. Built-in AI & WebMCP The AI Revolution Right in Your Browser Christian Liebel @christianliebel Consultant
2. 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
3. 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
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. 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
6. – 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
7. 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
8. 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
9. Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI APIs https://github.com/explainers-by-googlers/embedding-api
10. TypeScript Definitions Built-in AI & WebMCP Built-in AI APIs The AI Revolution Right in Your Browser
11. 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
12. 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. Prompt API Standard Positions Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI https://github.com/WebKit/standards-positions/issues/495 https://github.com/mozilla/standards-positions/issues/1213
14. TAG Review Built-in AI & WebMCP The AI Revolution Right in Your Browser Built-in AI https://github.com/w3ctag/design-reviews/issues/1093
15. Built-in AI & WebMCP Agentic Browsers The AI Revolution Right in Your Browser
16. 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
17. Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP https://webmachinelearning.github.io/webmcp/
18. 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
19. Smart Form Filling Built-in AI & WebMCP WebMCP DEMO The AI Revolution Right in Your Browser
20. Imperative Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP Maze https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ DEMO
21. 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
22. Agent-only! Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP Maze https://webmcp-maze.bandarra.me/ DEMO
23. Standard Positions Built-in AI & WebMCP The AI Revolution Right in Your Browser WebMCP https://github.com/WebKit/standards-positions/issues/670 https://github.com/mozilla/standards-positions/issues/1412
24. 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
25. https://github.com/wicg/cross-origin-storage AI in the Browser Cross-Origin Storage DEMO Smarter Angular Apps with Prompt API and WebNN
26. Thank you for your kind attention! Christian Liebel @christianliebel christian.liebel@thinktecture.com