webmcp.withreact.com

{
  "type": "object",
  "properties": {
    "shapes": {
      "type": "array",
      "maxItems": 60,
      "description": "Boxes and words to draw, each at least as large as its label needs.",
      "items": {
        "type": "object",
        "properties": {
          "id": {
            "type": "string",
            "minLength": 1,
            "maxLength": 40,
            "description": "A handle an arrow in this call can name; made from the label otherwise."
          },
          "type": {
            "type": "string",
            "enum": [
              "rectangle",
              "ellipse",
              "diamond",
              "text"
            ],
            "description": "text is words on their own; the rest are boxes."
          },
          "x": {
            "type": "number",
            "minimum": -100000,
            "maximum": 100000,
            "description": "Where to put it. Give x and y together or leave both out; with only one of them the pane lays the shape out. x grows right."
          },
          "y": {
            "type": "number",
            "minimum": -100000,
            "maximum": 100000,
            "description": "Where to put it, with x; y grows down."
          },
          "width": {
            "type": "number",
            "minimum": 1,
            "maximum": 4000,
            "description": "The least the box is; its label may make it wider. Ignored for a text shape."
          },
          "height": {
            "type": "number",
            "minimum": 1,
            "maximum": 4000,
            "description": "The least the box is; its label may make it taller. Ignored for a text shape."
          },
          "label": {
            "type": "string",
            "maxLength": 120,
            "description": "The words inside the shape, or the words themselves for a text shape. A few words read best."
          },
          "backgroundColor": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{3,8}|transparent)$",
            "description": "A hex fill, or \"transparent\"."
          },
          "strokeColor": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{3,8}|transparent)$",
            "description": "A hex outline."
          }
        },
        "required": [
          "type"
        ],
        "additionalProperties": false
      }
    },
    "arrows": {
      "type": "array",
      "maxItems": 60,
      "description": "Arrows between shapes, bound by id so they follow the boxes when the person moves them.",
      "items": {
        "type": "object",
        "properties": {
          "from": {
            "type": "string",
            "minLength": 1,
            "maxLength": 40,
            "description": "The id of a shape in this call or one already on the canvas."
          },
          "to": {
            "type": "string",
            "minLength": 1,
            "maxLength": 40
          },
          "label": {
            "type": "string",
            "maxLength": 120
          }
        },
        "required": [
          "from",
          "to"
        ],
        "additionalProperties": false
      }
    },
    "as": {
      "type": "string",
      "minLength": 1,
      "maxLength": 60,
      "description": "Your name when you are a machine agent reaching this tab through DevTools, for example \"Claude Code\"; omit it when you are the browser's agent."
    }
  },
  "additionalProperties": false
}