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 Die AI-Revolution direkt im Browser Christian Liebel @christianliebel Consultant
2. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Christian Liebel Hello, it’s me. Angular, PWA & Generative AI Microsoft MVP & Google GDE W3C WebApps, WebML & TAG christian.liebel @thinktecture.com
3. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Web AI Landscape Bring Your Own AI (BYOAI) Built-in AI (BIAI) • Frameworks • Transformers.js • APIs • WebGPU • WebNN • Cross-Origin Storage • Writing Assistance APIs • Summarizer API • Writer API • Rewriter API • Proofreader API • Translator & Language Detector APIs • Prompt API • Embedding API NEW! Agentic Browsing & WebMCP
4. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Web AI Landscape Bring Your Own AI (BYOAI) Built-in AI (BIAI) • Frameworks • Transformers.js • APIs • WebGPU • WebNN • Cross-Origin Storage • Writing Assistance APIs • Summarizer API • Writer API • Rewriter API • Proofreader API • Translator & Language Detector APIs • Prompt API • Embedding API NEW! Agentic Browsing & WebMCP
5. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI Website HTML/JS Browser Operating System Apple Intelligence Gemini Nano/Gemma Internet
6. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI – 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) https://developer.chrome.com/docs/ai/built-in
7. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs about://flags {Writer, Rewriter, Proofreader, Semantic Embedder} API à Enabled
8. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs Incubated by the WebML CG DEMO https://webmachinelearning.github.io/incubations/
9. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI Prompt API const languageModel = await LanguageModel.create(); console.log(await languageModel.prompt("Hauptstadt von Rheinland-Pfalz?"));
10. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI Prompt API Polyfill Supports two backends: – Cloud backend: needs an API key (no longer local/offline-capable) – Local backend: uses Transformers.js or WebLLM (WebGPU/Wasm) npm install prompt-api-polyfill https://developer.chrome.com/docs/ai/prompt-api-polyfill
11. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Multimodal Models
12. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Multimodal Models DEMO
13. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Structured Output DEMO https://bandarra.me/apps/flyby/
14. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Tool Use NEW! (Function calling) – Interface between the unstructured (natural language) and structured (programmatic) parts of the application – Backed by a JavaScript function – API shape described by a JSON Schema tools: [{ name: "getWeather", description: "Get the weather in a location.", inputSchema: { type: "object", properties: { location: { type: "string", description: "The city to check for the weather condition.", }, }, required: ["location"], }, async execute({ location }) { // do something }, }],
15. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs about://flags Prompt API Tool Use à Enabled
16. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs TypeScript Definitions
17. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs Easy Language Model https://www.npmjs.com/package/easy-language-model
18. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs const semanticEmbedder = await SemanticEmbedder.create(); const result1 = await semanticEmbedder.embed("The store is closed."); const result2 = await semanticEmbedder.embed("The shop is not open."); const similarity = cosineSimilarity(result1, result2); https://github.com/explainers-by-googlers/embedding-api
19. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs TrAIlblazers Blog https://developer.chrome.com/blog/build-new-features-using-built-in-ai-in-chrome-io2026
20. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI APIs https://developer.chrome.com/blog/build-new-features-using-built-in-ai-in-chrome-io2026
21. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI Prompt API Standard Positions https://github.com/WebKit/standards-positions/issues/495 https://github.com/mozilla/standards-positions/issues/1213
22. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Built-in AI TAG Review https://github.com/w3ctag/design-reviews/issues/1093
23. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Agentic Browsers
24. Built-in AI & WebMCP Die AI-Revolution direkt im Browser 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
25. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP https://webmachinelearning.github.io/webmcp/
26. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP API Imperative Declarative document.modelContext.registerTool({ "name": "start_game", "description": "Start a new game.", "inputSchema": {}, "execute": () => { // Do something }, }); <form id="reservationForm" toolname="book_table_le_petit_bistro" tooldescription=...> <input name="name" toolparamdescription="Customer's full name (min 2 chars)" /> </form>
27. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP Dev Tools Support (Chromium 149+)
28. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP Maze Imperative DEMO https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/
29. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP Maze Agent-only! DEMO https://webmcp-maze.bandarra.me/
30. Built-in AI & WebMCP Die AI-Revolution direkt im Browser WebMCP Standard Positions https://github.com/WebKit/standards-positions/issues/670 https://github.com/mozilla/standards-positions/issues/1412
31. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Web AI Landscape Bring Your Own AI (BYOAI) Built-in AI (BIAI) • Frameworks • Transformers.js • APIs • WebGPU • WebNN • Cross-Origin Storage • Writing Assistance APIs • Summarizer API • Writer API • Rewriter API • Proofreader API • Translator & Language Detector APIs • Prompt API • Embedding API NEW! Agentic Browsing & WebMCP
32. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Web AI https://www.apple.com/newsroom/2026/08/apple-introduces-m6-and-m5-ultra-for-a-big-leap-in-performance-and-ai-compute/
33. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Summary – Built-in AI runs models like Gemini Nano locally, shared across origins – Prompt API adds multimodal input, structured output and tool use – Polyfills cover other browsers via cloud or local backends – WebMCP lets websites register tools for AI agents – Both are (still) early: Ongoing discussions between browser vendors, standards bodies, and the community
34. Built-in AI & WebMCP Die AI-Revolution direkt im Browser Q&A
35. Thank you for your kind attention! Christian Liebel @christianliebel christian.liebel@thinktecture.com