Your Website Speaks HTML.
AI Agents Speak WebMCP.
Here's How to Bridge the Gap.
WebMCP launched in Chrome 146 — backed by Google and Microsoft as a proposed web standard. Follow the five steps below to make your site discoverable by AI agents.
Implementation time varies by site complexity · No credit card required
CHOOSE YOUR APPROACH
Two Ways to Make Your Site Agent-Ready
WebMCP gives you a choice. Pick the path that fits your skills and timeline — or use both.
Add attributes to existing HTML forms. Zero JavaScript. The browser does the rest.
<"code-attr">class="code-tag">form "code-attr">action="/search">
<"code-attr">class="code-tag">input "code-attr">name="query" />
<"code-attr">class="code-tag">button "code-attr">type="submit">Search"code-attr">class="code-tag">button>
"code-attr">class="code-tag">form><"code-attr">class="code-tag">form "code-attr">action="/search"
"code-attr">toolname="search_site"
"code-attr">tooldescription="Search this site for content">
<"code-attr">class="code-tag">input "code-attr">name="query"
"code-attr">toolparamdescription="Search keywords" />
<"code-attr">class="code-tag">button "code-attr">type="submit">Search"code-attr">class="code-tag">button>
"code-attr">class="code-tag">form>Register custom tools with full JS logic, dynamic state, and programmatic responses.
"code-keyword">navigator.modelContext.registerTool({
name: "search_flights",
description: "Search available flights between airports",
inputSchema: {
type: "object",
properties: {
origin: { type: "string", description: "IATA code" },
destination: { type: "string" },
date: { type: "string", format: "date" }
},
required: ["origin", "destination", "date"]
},
execute: "code-keyword">async (params) => {
"code-keyword">const results = "code-keyword">await flightAPI.search(params);
"code-keyword">return { content: [{ type: "text", text: JSON.stringify(results) }] };
}
});You can use BOTH on the same site
Use declarative for simple forms (contact, newsletter, search) and imperative for complex logic (booking flows, multi-step applications, dynamic filtering). Web-MCP generates the right code for each.
Test Your Site
See where you stand -- instantly
Enter your URL. The AI Co-Pilot crawls your site and produces a complete agent-readiness assessment — detecting every form, interactive element, and existing WebMCP tool. You get a score, a prioritized action plan, and draft tool definitions before writing a single line of code.
What Gets Detected
Score Breakdown
“Start with flight search and booking forms (declarative). Then add imperative tools for your autocomplete and seat picker. Effort depends on site complexity.”