Beauty & Wellness WebMCP Template
A complete WebMCP template for salons and spas featuring 15 AI-agent tools — service browsing, stylist profiles, appointment booking, pricing, promotions, gift cards, and more.
Load live preview on demand to keep template pages fast.
// Register get_services tool
navigator.modelContext.registerTool({
name: "get_services",
description: "Browse salon services including haircuts, coloring, nails, facials, and massage",
inputSchema: {
"type": "object",
"properties": {
"category": {
"type": "string",
"enum": [
"haircuts",
"coloring",
"nails",
"facials",
"massage",
"waxing"
],
"description": "Filter by service category"
}
},
"required": []
},
annotations: {"readOnlyHint":true},
execute: async (params) => {
const response = await fetch("/api/get_services", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(params),
});
return response.json();
}
});What's Included
Full coverage from service discovery to booking — services, stylists, availability, appointments, products.
Appointment booking and contact forms that AI agents can read and submit directly.
Structured stylist data with specialties, portfolios, and reviews for intelligent matching.
Time-slot checking so agents can offer open appointments and avoid double-booking.
Lumiere Beauty Studio branded dark theme with rose accents and glass-morphism cards.
Self-contained HTML file — no build step, no dependencies, instant deployment.
Why This Template Works
Designed for AI agent interoperability with structured tool definitions.
Structured Tool Schemas
Every tool has a typed JSON Schema so agents know exactly what parameters to send.
Mixed API Surface
Combines imperative JS tools with declarative HTML forms for maximum agent compatibility.
Realistic Mock Data
Runs standalone with plausible services, stylists, prices, and confirmation codes.
Progressive Enhancement
Works as a regular website for humans; lights up with superpowers when an agent visits.
Implementation Guide
Follow these steps to deploy the template on your website.
Download or Copy the HTML
Grab the self-contained HTML file and drop it into your web root or CMS.
Replace Mock Data with Your API
Swap the static execute() responses with calls to your real booking / POS system.
Customise Branding
Update the salon name, colours, services, stylist photos, and imagery to match your brand.
Deploy & Verify
Publish the page and use the WebMCP inspector to confirm all 15 tools are registered.
Download Options
Other Industry Templates
Ready to Make Your Site Agent-Ready?
Deploy this template and start receiving structured traffic from AI agents.