Angular v22 WebMCP Tools Explained (opens in new tab)

Angular v22 is experimenting with a new way to expose your app’s real capabilities to AI. Instead of letting models guess what's happening by scraping the DOM, we can now provide explicit, state-backed tools directly to the browser. This post walks through setting up WebMCP tools to bridge the gap between your Angular state and AI models like Gemini. The Problem: AI Is Blind to App State Most AI interactions with web apps today are limited to what the model can “see” in the rendered page. Thi...