WebMCP Documentation
WebMCP protocol guides, API reference, and implementation tools.
I am a...
Get Started
Choose your path to making your website AI-agent ready
Quick Start
Get your Agent Readiness Score in 5 minutes with our CLI or web scanner.
AI Co-Pilot
Let AI analyze your site, generate tool definitions, and build your implementation plan.
WebMCP Protocol
Learn registerTool(), declarative HTML annotations, and JSON Schemas for AI agents.
Understand Your Score
What each category means, how to improve, and what "good" looks like.
I want to...
Task-oriented guides grouped by what you need to accomplish
API at a Glance
Explore our REST API endpoints
Code Examples
See how to implement WebMCP in different ways
WebMCP Protocol
What runs in the browser — the standard you implement
Web-MCP SDK
How you test and optimize it — the product that helps
Register a Tool
Define a searchable tool for AI agents
1// WebMCP Protocol — what runs in the browser2navigator.modelContext.registerTool({3 name: "search-flights",4 description: "Search ">for flights between two airports on a given date",5 inputSchema: {6 "code-type">type: "">object",7 properties: {8 origin: {9 "code-type">type: "">string",10 description: "Origin airport IATA code(e.g., 'SFO')"11 },12 destination: {13 "code-type">type: "">string",14 description: "Destination airport IATA code(e.g., 'JFK')"15 },16 date: {17 "code-type">type: "">string",18 format: "date",19 description: "Travel date(YYYY-MM-DD)"20 }21 },22 required: ["origin", "destination", "date"]23 },24 execute: "code-keyword">async ({ origin, destination, date }) => {25 "code-keyword">const results = "code-keyword">await searchFlightsAPI(origin, destination, date);26 "code-keyword">return {27 flights: results.map(f => ({28 airline: f.airline,29 price: f.price,30 departure: f.time31 }))32 };33 }34});Need help?
Talk to our team
Book a free onboarding call. We help you get from zero to production-ready WebMCP implementation.
Book a Call