easels.dev WebMCP Tools, Schemas & Agent Capabilities

easels.dev

live Unverified (seed import) AI & Agents 30 tools imperative implementation

A design canvas where you and your agent edit the same HTML, in the page. Agents read and write the nodes through WebMCP tools. No plugin, no desktop app.

First seen 2026-11-05 · Last seen 2026-11-05 · Source: webmcp.com

Answer 7 · Act 22 · Transact 1 · Score: Not yet scored

Tool inspector

generate_svg

act imperative

Generate a vector from a text prompt and place it on the canvas as real inline SVG — a div holding an element, not a raster and not an opaque blob. So the paths are readable, set_style on the wrapper's `color` recolours everything drawn with currentColor, and export_code hands back the markup. Good for icons, logos, marks and simple illustrations. Pass an existing svg node id to redraw it.

Input schema

Property	Type	Required	Description
`prompt`	string	yes	What to draw, e.g. "moon icon in outline style".
`id`	string	no	An existing svg node to redraw.
`parentId`	string	no	Artboard or frame to draw into.
`ratio`	string	no	Aspect ratio of the drawing. Defaults to 1:1.
`w`	number	no	Node width in px. Defaults to the ratio.
`h`	number	no	Node height in px.
`x`	number	no	Offset inside the parent. Defaults to 24.
`y`	number	no	—
`provider`	string	no	Which model: "quiver:arrow-1.1" (default, a dedicated vector model), "quiver:arrow-1.1-max", or "openai" / "kimi" / "gemini" to have a chat model write the markup. Only providers with a key configured are available.

Raw JSON schema

{
  "type": "object",
  "properties": {
    "prompt": {
      "type": "string",
      "description": "What to draw, e.g. \"moon icon in outline style\"."
    },
    "id": {
      "type": "string",
      "description": "An existing svg node to redraw."
    },
    "parentId": {
      "type": "string",
      "description": "Artboard or frame to draw into."
    },
    "ratio": {
      "type": "string",
      "enum": [
        "1:1",
        "3:2",
        "2:3",
        "16:9",
        "9:16",
        "4:3",
        "3:4"
      ],
      "description": "Aspect ratio of the drawing. Defaults to 1:1."
    },
    "w": {
      "type": "number",
      "description": "Node width in px. Defaults to the ratio."
    },
    "h": {
      "type": "number",
      "description": "Node height in px."
    },
    "x": {
      "type": "number",
      "description": "Offset inside the parent. Defaults to 24."
    },
    "y": {
      "type": "number"
    },
    "provider": {
      "type": "string",
      "description": "Which model: \"quiver:arrow-1.1\" (default, a dedicated vector model), \"quiver:arrow-1.1-max\", or \"openai\" / \"kimi\" / \"gemini\" to have a chat model write the markup. Only providers with a key configured are available."
    }
  },
  "required": [
    "prompt"
  ]
}