WebMCP in brief
WebMCP (Web Model Context Protocol) is a planned W3C web standard from the Web Machine Learning Community Group. It lets developers run their web apps as MCP servers with tools executed client-side in JavaScript. AI agents, browser assistants, and assistive technologies can call those tools without a separate backend. WebMCP brings the Model Context Protocol directly to the web.
What is the Model Context Protocol (MCP)?
The Model Context Protocol (MCP) is a specification that connects AI systems like ChatGPT, Claude, or Gemini to external tools and data sources. Think of a USB-C port for AI: a standard way for large language models (LLMs) to call tools, fetch data, or trigger actions. MCP servers usually run as separate processes—WebMCP moves that logic into the browser.
- Tools:Functions AI agents can invoke—e.g. a calendar tool for booking or a product search tool.
- Prompts:Predefined templates for standardised LLM interactions.
- Resources:Data and content exposed via URI as context for LLMs.
How does WebMCP work?
WebMCP extends the browser API: via navigator.modelContext, web apps can register tools. Each tool has a name, a natural-language description, a JSON schema for inputs, and an implementation. The description helps agents know when and how to use the tool.
- provideContext and registerTool:Tools are registered with the browser—either in bulk via
provideContext()or individually viaregisterTool(). - Client-side execution:Tools run in the page JavaScript context—no extra server, no extra API. You reuse existing application logic.
- User interaction:Tools can involve users via
requestUserInteraction()—e.g. confirmations or inputs—while preserving shared context and user control.
Where WebMCP fits
WebMCP suits sites that want to expose capabilities to AI agents or browser assistants without extra infrastructure. E-commerce can expose product search and advice; booking sites can expose scheduling; editorial systems can expose content workflows.
- AI agents (Claude, ChatGPT, Gemini): Users connect MCP clients such as Claude Desktop to WebMCP-enabled pages—the agent can then call the site tools directly.
- Assistive technologies: Tools can be used by accessibility assistants—for simplified navigation or adapted interactions.
- Browser assistants: Built-in or extension-based agents can invoke site features directly.
Status and standardisation
WebMCP is a draft Community Group report from the Web Machine Learning Community Group—not yet a formal W3C standard. Contributors include Microsoft and Google. The spec targets collaborative workflows: users and agents share the same web UI, context, and control.
- Implementation: Developers add a script and register tools via the JavaScript API. MCP clients connect to the site through their settings.
- Declarative WebMCP: A declarative variant is planned—forms and HTML elements become tools without explicit JavaScript. Still in development.
WebMCP—summary
WebMCP adds a standard interface for AI agents and assistive tech. Sites become MCP servers with client-side tools LLMs can call directly—reducing backend work and enabling new AI-driven scenarios.
IVIS MEDIA builds web applications and integrates modern web standards—from frontend architecture and APIs to AI integration. More about web development. Use our free AI readiness check to see whether your site is ready for AI systems.