Automotive WebMCP Template
A complete automotive dealership website template with 16 WebMCP tools for vehicle search, payment calculation, test drive scheduling, trade-in estimates, and service booking — ready for AI agent integration.
Load live preview on demand to keep template pages fast.
// Register search_inventory tool
navigator.modelContext.registerTool({
name: "search_inventory",
description: "Search vehicles by make, model, year, price range, body style, and mileage.",
inputSchema: {
"type": "object",
"properties": {
"make": {
"type": "string",
"description": "Vehicle manufacturer (e.g. BMW, Toyota, Ford)"
},
"model": {
"type": "string",
"description": "Vehicle model (e.g. X5, Camry, F-150)"
},
"year_min": {
"type": "number",
"description": "Minimum model year"
},
"year_max": {
"type": "number",
"description": "Maximum model year"
},
"price_min": {
"type": "number",
"description": "Minimum price in USD"
},
"price_max": {
"type": "number",
"description": "Maximum price in USD"
},
"body_style": {
"type": "string",
"enum": [
"sedan",
"suv",
"truck",
"coupe",
"convertible",
"van",
"wagon"
],
"description": "Vehicle body style"
},
"max_mileage": {
"type": "number",
"description": "Maximum mileage"
},
"condition": {
"type": "string",
"enum": [
"new",
"used",
"certified"
],
"description": "Vehicle condition"
}
},
"required": [
"make"
]
},
annotations: {"readOnlyHint":true},
execute: async (params) => {
const response = await fetch("/api/search_inventory", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(params),
});
return response.json();
}
});What's Included
Complete set of automotive tools covering inventory search, pricing, payments, test drives, service, and more.
Premium dark UI with rose accents, glass cards, and subtle dot-pattern backgrounds.
Tools exposed via both JavaScript registration and HTML form attributes.
Graceful degradation with navigator.modelContext feature detection.
Single-file deployment — no external dependencies, frameworks, or build steps.
Six vehicle listings with year, make, model, trim, specs, and pricing data.
Why This Template Works
Designed for AI agent interoperability with structured tool definitions.
Structured Tool Schemas
Every tool has a complete JSON Schema so AI agents can discover parameters and constraints automatically.
Dual API Surface
Declarative HTML forms for simple actions and imperative JS for programmatic access — agents choose their preferred method.
Domain-Specific Vocabulary
Tool names and parameters use automotive terminology agents already understand from training data.
Full Purchase Journey
Agents can search inventory, compare models, calculate payments, estimate trade-ins, and book test drives — mirroring a real buyer journey.
Implementation Guide
Follow these steps to deploy the template on your website.
Download the Template
Copy or download the HTML file and place it at the root of your dealership website.
Connect Your DMS
Replace the /api/* endpoints in the JavaScript with your actual dealer management system and inventory API.
Customize Inventory
Update the vehicle cards with your actual lot inventory, photos, and pricing.
Test with an AI Agent
Use Claude, ChatGPT, or another WebMCP-compatible agent to verify tool discovery and execution.
Deploy and Monitor
Deploy to production and track agent interactions through your analytics pipeline.
Download Options
Other Industry Templates
Ready to Make Your Site Agent-Ready?
Deploy this template and start receiving structured traffic from AI agents.