← WebMCP Directory

Tool tree

anim8-webmcp-playground.vercel.app

Developer ToolsTools verified
Website
A clean-room, open-source motion playground for browser-native WebMCP tools.
Explore capabilities
    inspect_anim8_canvasAnswer

    Inspect the current primitive elements, selection, duration, and numeric keyframes in the public Anim8 WebMCP playground.

    View tool JSON
    {
      "name": "inspect_anim8_canvas",
      "kind": "answer",
      "impl": "imperative",
      "description": "Inspect the current primitive elements, selection, duration, and numeric keyframes in the public Anim8 WebMCP playground.",
      "inputSchema": {
        "type": "object",
        "additionalProperties": false,
        "properties": {}
      }
    }
    create_anim8_elementsAction

    Create rectangles, ellipses, or short text layers on the playground canvas. This tool does not accept files or perform vectorization.

    View tool JSON
    {
      "name": "create_anim8_elements",
      "kind": "act",
      "impl": "imperative",
      "description": "Create rectangles, ellipses, or short text layers on the playground canvas. This tool does not accept files or perform vectorization.",
      "inputSchema": {
        "type": "object",
        "additionalProperties": false,
        "required": [
          "elements"
        ],
        "properties": {
          "elements": {
            "type": "array",
            "minItems": 1,
            "maxItems": 12,
            "items": {
              "type": "object",
              "additionalProperties": false,
              "required": [
                "type"
              ],
              "properties": {
                "type": {
                  "type": "string",
                  "enum": [
                    "rectangle",
                    "ellipse",
                    "text"
                  ]
                },
                "name": {
                  "type": "string",
                  "maxLength": 64
                },
                "x": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 960
                },
                "y": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 600
                },
                "width": {
                  "type": "number",
                  "minimum": 8,
                  "maximum": 960
                },
                "height": {
                  "type": "number",
                  "minimum": 8,
                  "maximum": 600
                },
                "rotation": {
                  "type": "number",
                  "minimum": -360,
                  "maximum": 360
                },
                "scale": {
                  "type": "number",
                  "minimum": 0.05,
                  "maximum": 8
                },
                "opacity": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 1
                },
                "radius": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 300
                },
                "fill": {
                  "type": "string",
                  "pattern": "^#[0-9a-fA-F]{6}$"
                },
                "text": {
                  "type": "string",
                  "maxLength": 120
                }
              }
            }
          }
        }
      }
    }
    revise_anim8_elementsAction

    Update the name, geometry, color, text, opacity, scale, or rotation of existing primitive layers.

    View tool JSON
    {
      "name": "revise_anim8_elements",
      "kind": "act",
      "impl": "imperative",
      "description": "Update the name, geometry, color, text, opacity, scale, or rotation of existing primitive layers.",
      "inputSchema": {
        "type": "object",
        "additionalProperties": false,
        "required": [
          "updates"
        ],
        "properties": {
          "updates": {
            "type": "array",
            "minItems": 1,
            "maxItems": 20,
            "items": {
              "type": "object",
              "additionalProperties": false,
              "required": [
                "id"
              ],
              "properties": {
                "id": {
                  "type": "string",
                  "minLength": 1
                },
                "type": {
                  "type": "string",
                  "enum": [
                    "rectangle",
                    "ellipse",
                    "text"
                  ]
                },
                "name": {
                  "type": "string",
                  "maxLength": 64
                },
                "x": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 960
                },
                "y": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 600
                },
                "width": {
                  "type": "number",
                  "minimum": 8,
                  "maximum": 960
                },
                "height": {
                  "type": "number",
                  "minimum": 8,
                  "maximum": 600
                },
                "rotation": {
                  "type": "number",
                  "minimum": -360,
                  "maximum": 360
                },
                "scale": {
                  "type": "number",
                  "minimum": 0.05,
                  "maximum": 8
                },
                "opacity": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 1
                },
                "radius": {
                  "type": "number",
                  "minimum": 0,
                  "maximum": 300
                },
                "fill": {
                  "type": "string",
                  "pattern": "^#[0-9a-fA-F]{6}$"
                },
                "text": {
                  "type": "string",
                  "maxLength": 120
                }
              }
            }
          }
        }
      }
    }
    animate_anim8_elementsAction

    Add or replace numeric x, y, scale, rotation, or opacity keyframes on primitive layers.

    View tool JSON
    {
      "name": "animate_anim8_elements",
      "kind": "act",
      "impl": "imperative",
      "description": "Add or replace numeric x, y, scale, rotation, or opacity keyframes on primitive layers.",
      "inputSchema": {
        "type": "object",
        "additionalProperties": false,
        "required": [
          "animations"
        ],
        "properties": {
          "animations": {
            "type": "array",
            "minItems": 1,
            "maxItems": 20,
            "items": {
              "type": "object",
              "additionalProperties": false,
              "required": [
                "elementId",
                "property",
                "keyframes"
              ],
              "properties": {
                "elementId": {
                  "type": "string",
                  "minLength": 1
                },
                "property": {
                  "type": "string",
                  "enum": [
                    "x",
                    "y",
                    "scale",
                    "rotation",
                    "opacity"
                  ]
                },
                "keyframes": {
                  "type": "array",
                  "minItems": 2,
                  "maxItems": 24,
                  "items": {
                    "type": "object",
                    "additionalProperties": false,
                    "required": [
                      "time",
                      "value"
                    ],
                    "properties": {
                      "time": {
                        "type": "number",
                        "minimum": 0,
                        "maximum": 30
                      },
                      "value": {
                        "type": "number"
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    delete_anim8_elementsSensitive Action

    Delete one or more primitive layers from the playground canvas by ID.

    View tool JSON
    {
      "name": "delete_anim8_elements",
      "kind": "transact",
      "impl": "imperative",
      "description": "Delete one or more primitive layers from the playground canvas by ID.",
      "inputSchema": {
        "type": "object",
        "additionalProperties": false,
        "required": [
          "elementIds"
        ],
        "properties": {
          "elementIds": {
            "type": "array",
            "minItems": 1,
            "maxItems": 20,
            "items": {
              "type": "string"
            }
          }
        }
      }
    }