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_tokens

act imperative

Read or write the design tokens on an artboard. Tokens are real CSS custom properties, so once --brand exists you can use var(--brand) in any style on that artboard and changing the token restyles everything at once. Names may be given with or without the leading dashes. Pass an empty value to remove one, or omit tokens entirely to just read them.

Input schema

Property	Type	Required	Description
`artboardId`	string	no	Defaults to the first artboard.
`tokens`	object	no	e.g. { "brand": "#ff5c38", "radius": "14px" }.

Raw JSON schema

{
  "type": "object",
  "properties": {
    "artboardId": {
      "type": "string",
      "description": "Defaults to the first artboard."
    },
    "tokens": {
      "type": "object",
      "additionalProperties": {
        "type": "string"
      },
      "description": "e.g. { \"brand\": \"#ff5c38\", \"radius\": \"14px\" }."
    }
  }
}