Manufacturing WebMCP Template
A complete AI-agent-ready manufacturing platform with 15 WebMCP tools for product catalogs, bulk pricing, production capacity, order tracking, and quality certifications. Supports both imperative JavaScript and declarative HTML integration.
Load live preview on demand to keep template pages fast.
// Register get_product_catalog tool
navigator.modelContext.registerTool({
name: "get_product_catalog",
description: "Browse the industrial product catalog by category, material, and application.",
inputSchema: {
"type": "object",
"properties": {
"category": {
"type": "string",
"enum": [
"precision-parts",
"structural-components",
"fasteners",
"bearings",
"gears",
"enclosures",
"tubing",
"custom"
],
"description": "Product category"
},
"material": {
"type": "string",
"enum": [
"steel",
"stainless-steel",
"aluminum",
"titanium",
"brass",
"copper",
"plastic",
"composite"
],
"description": "Material type"
},
"application": {
"type": "string",
"description": "Target application or industry"
},
"page": {
"type": "number",
"description": "Page number (1-indexed)"
}
},
"required": []
},
annotations: {"readOnlyHint":true},
execute: async (params) => {
const response = await fetch("/api/get_product_catalog", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(params),
});
return response.json();
}
});What's Included
Browse industrial products by category, material, and specification with detailed technical data sheets.
Bulk pricing calculator, minimum order quantities, and formal quote requests with tiered discount structures.
Real-time production capacity checks, lead time estimates, and order status tracking.
Access ISO certifications, quality reports, material test data, and sustainability documentation.
Quote request and factory tour scheduling forms that agents can submit without JavaScript.
Quote requests require explicit user confirmation before the sales team processes the inquiry.
Why This Template Works
Designed for AI agent interoperability with structured tool definitions.
Complete Procurement Journey
Covers every step from product discovery to quoting and order tracking, so agents never hit a dead end.
Structured Technical Data
Tools return typed JSON with specs, tolerances, certifications, and pricing tiers — no scraping needed.
Safe Quoting Pattern
The request_quote tool uses requiresUserInteraction to ensure buyers confirm details before the sales team is engaged.
Dual API Surface
Imperative JS for rich agents and declarative HTML forms for simpler crawlers — both work out of the box.
Implementation Guide
Follow these steps to deploy the template on your website.
Drop in the HTML
Copy the template HTML into your site. All tools and styles are self-contained — no external dependencies.
Wire up your ERP
Replace the mock execute() functions with real fetch() calls to your product catalog, inventory, and order management APIs.
Configure your catalog
Add your product data, pricing tiers, lead times, certifications, and material specifications to the mock data objects.
Test with an AI agent
Open the page in an MCP-capable browser or test harness and verify the full browse, quote, and track flow.
Go live
Deploy the page and monitor agent interactions to refine tool descriptions and improve lead conversion.
Download Options
Other Industry Templates
Ready to Make Your Site Agent-Ready?
Deploy this template and start receiving structured traffic from AI agents.