Interior Design WebMCP Template

// Register browse_portfolio tool
navigator.modelContext.registerTool({
  name: "browse_portfolio",
  description: "Browse completed interior design projects by style, room type, and budget.",
  inputSchema: {
      "type": "object",
      "properties": {
          "style": {
              "type": "string",
              "enum": [
                  "modern",
                  "contemporary",
                  "minimalist",
                  "traditional",
                  "scandinavian",
                  "industrial",
                  "bohemian",
                  "mid-century"
              ],
              "description": "Design style"
          },
          "room_type": {
              "type": "string",
              "enum": [
                  "living-room",
                  "bedroom",
                  "kitchen",
                  "bathroom",
                  "office",
                  "dining-room",
                  "nursery",
                  "outdoor"
              ],
              "description": "Room type"
          },
          "budget_range": {
              "type": "string",
              "enum": [
                  "under-25k",
                  "25k-50k",
                  "50k-100k",
                  "100k-plus"
              ],
              "description": "Budget range"
          },
          "page": {
              "type": "number",
              "description": "Page number (1-indexed)"
          }
      },
      "required": []
  },
  annotations: {"readOnlyHint":true},
  execute: async (params) => {
    const response = await fetch("/api/browse_portfolio", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(params),
    });
    return response.json();
  }
});