Media
1 item
Description
See what AI agents can do on this page. Auto-opens when tools are found. Test & execute tools directly. The web is changing — and most people can't see it yet. A new invisible layer is being built behind the websites you visit every day. It's called WebMCP — a browser standard backed by Google that lets AI agents interact with websites directly. Not by clicking buttons and guessing what's on screen, but by calling structured tools that websites deliberately expose for AI use. WebMCP Extension is tool that makes this invisible layer visible to everyone — developers, SEO professionals, and everyday users alike. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ WHAT IS WEBMCP? ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Right now, AI agents browsing websites have to visually scan pages like a human — guessing what input fields mean, hoping clicking "Submit" works. This is slow, fragile, and breaks constantly. WebMCP changes that. With WebMCP, websites publish a structured "menu of actions" — called tools — that AI agents can read and call directly. A travel site might expose a searchFlights tool. A healthcare portal might expose a submitApplication tool. A developer dashboard might expose a runDiagnostics tool. The AI doesn't guess anymore — it knows exactly what it can do. This is the Agentic Web. It's being built right now in Chrome 146+. WebMCP Extension shows you every tool on every page, in plain English, with the ability to test them instantly. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔭 INSTANT TOOL DETECTION Open the extension on any page and it automatically scans for WebMCP tools. No configuration, no API keys. If tools exist, you'll see them instantly — described in plain English with everything you need to understand what they do. 🧰 TOOLS TAB — FOR EVERYONE Every detected tool appears as a clean expandable card. See what the tool does, what information it needs, whether it's built with JavaScript or HTML, and what parameters an AI agent would provide. Designed so anyone can understand it — no developer background required. ▶ EXECUTE TAB — FOR POWER USERS Test any tool directly from the extension. A smart input form is automatically generated from the tool's JSON schema. Fill in the fields on the left and watch the JSON update live on the right. Toggle to raw JSON edit mode for precision. Hit Execute and see the result, the response payload, and how long it took — all in one place. 📋 HISTORY TAB Every tool execution is logged. Click any past run to jump back to it, re-run it with the same parameters, or compare results across different inputs. Built for developers iterating on tool schemas and testers validating WebMCP implementations. 💡 LEARN TAB Everything you need to understand WebMCP from scratch. What the protocol is. Why it matters. The difference between MCP (server-side, used by Claude and VS Code) and WebMCP (browser-side, lives on the webpage). The Imperative API (JavaScript) vs. the Declarative API (HTML). How to enable it in Chrome today. Links to Google's official demos, the W3C spec, and the dev preview group. 🌍 15 LANGUAGES English, Español, Français, Deutsch, Português, Italiano, Nederlands, 日本語, 中文, 한국어, العربية, हिन्दी, Русский, Türkçe, Polski. Your language preference saves automatically and persists across sessions. ⚡ SMART AUTO-OPEN (coming soon) When tools are detected on a page, the side panel opens automatically. The toolbar badge shows the tool count at a glance. The extension works silently in the background — you only see it when something is there to see. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FOR REGULAR USERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ You don't need to know what JSON is. You don't need to understand APIs. Think of WebMCP tools as a restaurant menu for AI agents. Without a menu, a diner guesses what the kitchen can make. With a menu, everything is clear: the dish name, the description, the options. WebMCP tools are that menu. WebMCP Extension shows you the menu — on every page you visit, in whatever language you prefer. Install the extension, visit a WebMCP-enabled page, and a clean side panel opens on the right. Each tool appears as a card with a name, a plain-English description, and a "What it needs" summary. No jargon. No code. Just a clear picture of what AI can do here. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FOR DEVELOPERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ SPEC-ACCURATE DETECTION Uses the correct WebMCP testing API: navigator.modelContextTesting.listTools() — not the commonly misused navigator.modelContext. Handles both Imperative API (registerTool / unregisterTool) and Declarative API (toolname / tooldescription HTML attributes on form elements) correctly. Listens for toolchange events to reflect real-time changes as tools register and unregister based on page state. SIDE-BY-SIDE EXECUTE + JSON The Execute tab generates a typed form from the tool's inputSchema with correct field types inferred from the schema — text, number, date, select for enums, checkbox for booleans. The live JSON panel updates as you type. Flip to raw JSON mode for edge-case inputs. Results include the full response payload, success/error status, and execution time. LIGHTWEIGHT AND STANDARD-COMPLIANT No external servers. No data collection. No tracking. Everything runs locally via standard Chrome MV3 APIs. Permissions requested: activeTab, scripting, storage, sidePanel, tabs — each used for a specific function, nothing more. BUILT ON THE RIGHT FOUNDATIONS The extension correctly handles the early-preview edge cases that trip up most DIY implementations: the toolchange event for live tool registration updates, the agentInvoked flag on submit events that lets sites behave differently for AI vs. human interactions, and the CSS pseudo-classes (:tool-form-active, :tool-submit-active) that Chrome applies for visual feedback. It also correctly distinguishes between navigator.modelContextTesting (the inspection and testing API used by this extension) and navigator.modelContext (the production API used by actual AI agents) — a distinction that matters for accurate tool detection. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FOR SEO PROFESSIONALS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ WebMCP is being called the most significant shift in technical SEO since structured data. Here's the parallel: structured data told search engines what a page meant. WebMCP tells AI agents what actions can be performed on a page. The sites that implement it correctly, early, will be the ones AI agents actively use, recommend, and return to. AUDIT ANY PAGE IN SECONDS Visit a client's site, open WebMCP Extension, and immediately see: does this site have WebMCP tools? If yes, what do they do — and are they implemented correctly? If no, what forms and interactions could become WebMCP tools? Present the findings to a client in plain language, not raw JSON schemas. THE DISCOVERABILITY OPPORTUNITY There's currently no search engine index for WebMCP tools. The sites building this infrastructure now are positioning for when AI agent discoverability becomes a ranking signal — the same early-mover advantage that structured data adopters had in 2012. WHY THIS MATTERS FOR RANKINGS Think about what structured data unlocked: rich snippets, knowledge panels, featured snippets — all because the site spoke a language search engines could parse. WebMCP is the same unlock, one layer up. Structured data said "here's what this page is about." WebMCP says "here's what you can do with it." As AI-powered search and AI agents become primary ways people find and interact with services online, WebMCP readiness will move from competitive advantage to table stakes. The window to be an early mover is open right now. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ HOW TO GET STARTED ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Install WebMCP Extension from the Chrome Web Store. 2. Get Chrome 146 or higher (Chrome Canary or Chrome Dev channel). 3. Go to chrome://flags/#enable-webmcp-testing — set to Enabled — relaunch Chrome. 4. Visit googlechromelabs.github.io/webmcp-tools/demos/react-flightsearch/ — the extension detects the searchFlights tool and opens automatically. 5. Explore. Click tool cards. Try the Execute tab. Check the Learn tab. That's it. The extension handles everything else automatically. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FAQ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DO I NEED TO BE A DEVELOPER TO USE THIS? No. The Tools tab and Learn tab are designed for everyone. The Execute and History tabs are for developers and technical users. You use what you need. WHAT IS THE DIFFERENCE BETWEEN MCP AND WEBMCP? MCP is server-side — developers deploy MCP servers that AI assistants like Claude connect to. WebMCP is browser-side — websites expose tools directly within the browser, accessible to in-browser AI agents without any server deployment. Complementary, not competing. DOES THIS EXTENSION COLLECT MY DATA? No. Everything runs locally. The only data stored is your language preference in Chrome's local storage. No analytics, no tracking, no external dependencies beyond Google Fonts. WHICH WEBSITES CURRENTLY SUPPORT WEBMCP? WebMCP is in early preview as of 2026. Google has published official demos at googlechromelabs.github.io/webmcp-tools/ — flight search, French bistro, and pizza maker demos. Broader adoption will follow as the standard stabilizes. WHAT PERMISSIONS ARE NEEDED AND WHY? activeTab: read tool data from the current page. scripting: inject the detection script. storage: save language preference. sidePanel: display the side panel. tabs: detect navigation and update the badge. No permission is used for data collection. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ COMING SOON ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔍 PAGE ELIGIBILITY SCANNER — Scans any page for HTML forms that could become WebMCP tools and generates the exact code to make them AI-ready. Inject attributes live into the DOM to test results instantly without touching your codebase. 🤖 NATURAL LANGUAGE EXECUTION — Bring your own API key. Type what you want in plain language and the extension translates it into the correct tool call — the same way a real AI agent would. Validates your tool descriptions work in practice. ⚙️ LIGHT/DARK MODE + SETTINGS — Full settings panel with theme toggle and display preferences. Dark mode available in current preview builds. 📊 TOOL ANALYTICS — A privacy-first, local-only dashboard showing WebMCP adoption patterns across your browsing history. Track the real-world rollout of the standard. 🔗 EXPORT AND SHARE — Export WebMCP audits as JSON or PDF. Share findings with clients without requiring them to install anything. 📱 A2A PROTOCOL SUPPORT — As the Agent-to-Agent protocol matures, the extension will expand to cover the full Agentic Web protocol stack alongside WebMCP. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ THE BIGGER PICTURE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ The web has gone through a few transformations that changed everything. Hyperlinks made information connected. Search made it findable. Structured data made it machine-readable. WebMCP makes it agent-actionable. The sites that expose clear, reliable, well-described tools for AI agents — the ones that build this infrastructure now — will be the most useful, most visited, and most trusted in an agentic future. WebMCP Extension makes that future visible today. For developers building it. For SEO professionals advising on it. For everyone curious about what's being built beneath the surface of the web they use every day. The parallel to structured data is precise. When Schema.org launched, forward-thinking SEOs who understood it built lasting advantages for their clients — rich results, knowledge panels, featured snippets. The websites that understood the protocol and implemented it correctly won visibility that compounded for years. The same dynamic is playing out again with WebMCP. The difference is the timeline is compressed. AI agents are already here. The infrastructure for them to use the web efficiently is being built now, in public, with an open specification on GitHub. WebMCP Extension is the lens that lets you watch it happen — and the tool that lets you build it correctly from day one. Install WebMCP Extension. See the invisible layer. Join the agentic web. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TECHNICAL DETAILS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Manifest Version: 3 | Extension Version: 1.0 | Chrome 114+ (Chrome 146+ for WebMCP) Permissions: activeTab, scripting, storage, sidePanel, tabs No external data transmission | No account required | 15 languages supported Resources: googlechromelabs.github.io/webmcp-tools/ | github.com/webmachinelearning/webmcp WebMCP Extension is an independent tool built to support the WebMCP early preview ecosystem. Not affiliated with Google. Built by Amrin Grewal. Learn more at https://amringrewal.com/