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

set_style

act imperative

Patch CSS on one or more nodes. Keys may be camelCase or kebab-case, and an empty string removes a property — which is how you hand a width or height back to the browser. Returns the boxes after the browser has re-laid them out.

Input schema

Property	Type	Required	Description
`ids`	array	yes	—
`style`	object	no	CSS declarations, e.g. { "background": "#111", "borderRadius": "12px" }.
`css`	string	no	Alternative to style: a declaration string like "color: red; gap: 8px".

Raw JSON schema

{
  "type": "object",
  "properties": {
    "ids": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "style": {
      "type": "object",
      "additionalProperties": {
        "type": "string"
      },
      "description": "CSS declarations, e.g. { \"background\": \"#111\", \"borderRadius\": \"12px\" }."
    },
    "css": {
      "type": "string",
      "description": "Alternative to style: a declaration string like \"color: red; gap: 8px\"."
    }
  },
  "required": [
    "ids"
  ]
}