--- title: WebMCP Explained: How Developers Can Prepare Websites... description: WebMCP is a proposed web standard that lets developers expose structured tools to AI agents directly from web pages, using JavaScript APIs and HTML... canonical: https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: WebMCP Explained: How Developers Can Prepare Websites for AI Agents | daily.dev og:description: WebMCP is a proposed web standard that lets developers expose structured tools to AI agents directly from web pages, using JavaScript APIs and HTML... og:url: https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj og:image: https://api.daily.dev/og/posts/YYokz9LQj.png og:image:alt: WebMCP Explained: How Developers Can Prepare Websites for AI Agents og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # WebMCP Explained: How Developers Can Prepare Websites for AI Agents **[SitePoint](https://daily.dev/sources/sitepoint)** · 6 min read · 2 upvotes · 0 comments ## Summary WebMCP is a proposed web standard that lets developers expose structured tools to AI agents directly from web pages, using JavaScript APIs and HTML annotations. Instead of agents guessing how to interact with a UI through browser actuation, WebMCP provides a clear contract via named tools with typed JSON schemas (e.g., search_flights, create_support_ticket). It supports both an imperative API for complex workflows and a declarative API for annotating existing HTML forms. Security considerations include origin isolation, permissions policies, server-side validation, and requiring user confirmation for high-risk actions like purchases. The standard is currently available for experimentation via a Chrome origin trial starting from Chrome 149. Developers are advised to start separating business logic from UI code, defining strict schemas, and monitoring the spec as it evolves. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is WebMCP and how does it let AI agents interact with a website? WebMCP is a proposed web standard that lets developers expose structured tools directly from a web page so AI agents can interact with features without simulating clicks and form fills. It offers an imperative JavaScript API for defining custom tool behavior and a declarative API that annotates existing HTML forms, both while preserving the human-facing interface. _Developers exploring agent-ready web architecture can follow WebMCP developments through daily.dev._ ### How can I test WebMCP in Chrome right now? WebMCP can be tested through an origin trial available starting with Chrome 149, or locally by enabling a Chrome feature flag. It remains a proposed standard under active development, so browser support and API behavior may still change before wider adoption. _Teams evaluating early browser APIs like WebMCP can track spec changes on daily.dev._ ### What security practices should I follow when exposing tools to AI agents via WebMCP? Treat any tool exposed to an AI agent like a public application endpoint rather than trusted internal code: validate inputs server-side, apply authentication and authorization checks, avoid exposing admin functions, require user confirmation before irreversible actions like purchases or account deletion, log tool calls for auditing, and return clear structured error messages. _Developers securing agent-facing endpoints can compare approaches to tool authorization on daily.dev._ ## Similar posts on daily.dev - [WebMCP turns any Chrome web page into an MCP server for AI agents](https://daily.dev/posts/webmcp-turns-any-chrome-web-page-into-an-mcp-server-for-ai-agents-t7se7hpwy) · The New Stack · 1 upvotes · 0 comments - [WebMCP – a much needed way to make agents play with rather than against the web](https://daily.dev/posts/webmcp-a-much-needed-way-to-make-agents-play-with-rather-than-against-the-web-0nygekitk) · Christian Heilmann · 50 upvotes · 4 comments - [WebMCP By Google, Clearly Explained\!](https://daily.dev/posts/webmcp-by-google-clearly-explained--qj3yrnemq) · Daily Dose of Data Science \| Avi Chawla \| Substack · 0 upvotes · 0 comments --- Tags: [#ai-agents](https://daily.dev/tags/ai-agents), [#mcp](https://daily.dev/tags/mcp), [#webdev](https://daily.dev/tags/webdev), [#webmcp](https://daily.dev/tags/webmcp) [View this post on daily.dev](https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"WebMCP Explained: How Developers Can Prepare Websites for AI Agents","url":"https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj"},"datePublished":"2026-08-07T15:04:11.407Z","dateModified":"2026-10-14T02:25:33.236Z","description":"WebMCP is a proposed web standard that lets developers expose structured tools to AI agents directly from web pages, using JavaScript APIs and HTML...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/64b7ec616f5effa8fff5b4bf69c800c5?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/64b7ec616f5effa8fff5b4bf69c800c5?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"SitePoint","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"SitePoint","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/sitepoint","url":"https://daily.dev/sources/sitepoint"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai-agents,mcp,webdev,webmcp","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"SitePoint","item":"https://daily.dev/sources/sitepoint"},{"@type":"ListItem","position":3,"name":"WebMCP Explained: How Developers Can Prepare Websites for AI Agents"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/webmcp-explained-how-developers-can-prepare-websites-for-ai-agents-yyokz9lqj#faq","mainEntity":[{"@type":"Question","name":"What is WebMCP and how does it let AI agents interact with a website?","acceptedAnswer":{"@type":"Answer","text":"WebMCP is a proposed web standard that lets developers expose structured tools directly from a web page so AI agents can interact with features without simulating clicks and form fills. It offers an imperative JavaScript API for defining custom tool behavior and a declarative API that annotates existing HTML forms, both while preserving the human-facing interface. Developers exploring agent-ready web architecture can follow WebMCP developments through daily.dev."}},{"@type":"Question","name":"How can I test WebMCP in Chrome right now?","acceptedAnswer":{"@type":"Answer","text":"WebMCP can be tested through an origin trial available starting with Chrome 149, or locally by enabling a Chrome feature flag. It remains a proposed standard under active development, so browser support and API behavior may still change before wider adoption. Teams evaluating early browser APIs like WebMCP can track spec changes on daily.dev."}},{"@type":"Question","name":"What security practices should I follow when exposing tools to AI agents via WebMCP?","acceptedAnswer":{"@type":"Answer","text":"Treat any tool exposed to an AI agent like a public application endpoint rather than trusted internal code: validate inputs server-side, apply authentication and authorization checks, avoid exposing admin functions, require user confirmation before irreversible actions like purchases or account deletion, log tool calls for auditing, and return clear structured error messages. Developers securing agent-facing endpoints can compare approaches to tool authorization on daily.dev."}}]} ```