Skip to main content
Glama

Screenrove: UI Design Reference & Screenshots (free Mobbin alternative)

Get one animation with its spec and code

get_motion
Read-only

Get one motion entry as a build prompt: what moves and how (every property, duration, easing or spring, delay and trigger), why it feels good, how to adapt it to another size, the accessibility it needs, Screenrove's vanilla HTML/CSS/JS and the original source where its license allows. Values are marked exact (code) or approximate (a recording). Keep the timings; scale distances to your element as the prompt says; translate the code to your stack.

Tool call template

Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.

{
  "id": 1,
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "arguments": {
      "motionId": "<motionId>"
    },
    "name": "get_motion"
  }
}

Input Schema

NameRequiredDescriptionDefault
codeNoWhich code to include - both, vanilla (Screenrove rebuild), original (source library) or none.both
motionIdYesMotion entry id from search_motion, e.g. interior-copy-button.

Schema Changelog

Changes observed during successful MCP inspections.

  1. Changed2 schema fields changed
    • changedInput schema / properties / motionId / description
      Previous value: -"Motion entry id from searchMotion, e.g. interior-copy-button."New value: +"Motion entry id from search_motion, e.g. interior-copy-button."
    • changedOutput schema / (root)
      Previous value: -{
      -  "properties": {
      -    "basis": {
      -      "enum": [
      -        "code",
      -        "video",
      -        "rebuild"
      -      ],
      -      "type": "string"
      -    },
      -    "category": {
      -      "type": "string"
      -    },
      -    "codeUrl": {
      -      "nullable": true,
      -      "type": "string"
      -    },
      -    "credit": {
      -      "properties": {
      -        "name": {
      -          "type": "string"
      -        },
      -        "url": {
      -          "type": "string"
      -        }
      -      },
      -      "type": "object"
      -    },
      -    "demoUrl": {
      -      "description": "Live standalone demo.",
      -      "nullable": true,
      -      "type": "string"
      -    },
      -    "hasOriginalCode": {
      -      "type": "boolean"
      -    },
      -    "hasVanillaCode": {
      -      "type": "boolean"
      -    },
      -    "id": {
      -      "type": "string"
      -    },
      -    "media": {
      -      "nullable": true,
      -      "type": "object"
      -    },
      -    "originalCode": {
      -      "nullable": true,
      -      "properties": {
      -        "code": {
      -          "type": "string"
      -        },
      -        "file": {
      -          "type": "string"
      -        }
      -      },
      -      "type": "object"
      -    },
      -    "originalUrl": {
      -      "type": "string"
      -    },
      -    "pairsWith": {
      -      "items": {
      -        "type": "string"
      -      },
      -      "type": "array"
      -    },
      -    "posterUrl": {
      -      "type": "string"
      -    },
      -    "prompt": {
      -      "description": "Markdown build prompt with spec and code.",
      -      "type": "string"
      -    },
      -    "rebuild": {
      -      "nullable": true,
      -      "type": "string"
      -    },
      -    "source": {
      -      "properties": {
      -        "id": {
      -          "type": "string"
      -        },
      -        "license": {
      -          "type": "string"
      -        },
      -        "name": {
      -          "type": "string"
      -        }
      -      },
      -      "type": "object"
      -    },
      -    "spec": {
      -      "properties": {
      -        "notes": {
      -          "type": "string"
      -        },
      -        "reducedMotion": {
      -          "type": "string"
      -        },
      -        "steps": {
      -          "items": {
      -            "type": "object"
      -          },
      -          "type": "array"
      -        }
      -      },
      -      "type": "object"
      -    },
      -    "stack": {
      -      "nullable": true,
      -      "type": "string"
      -    },
      -    "summary": {
      -      "type": "string"
      -    },
      -    "tags": {
      -      "items": {
      -        "type": "string"
      -      },
      -      "type": "array"
      -    },
      -    "title": {
      -      "type": "string"
      -    },
      -    "triggers": {
      -      "items": {
      -        "type": "string"
      -      },
      -      "type": "array"
      -    },
      -    "url": {
      -      "description": "The entry's page on Screenrove.",
      -      "type": "string"
      -    },
      -    "vanilla": {
      -      "nullable": true,
      -      "properties": {
      -        "css": {
      -          "type": "string"
      -        },
      -        "html": {
      -          "type": "string"
      -        },
      -        "js": {
      -          "type": "string"
      -        }
      -      },
      -      "type": "object"
      -    },
      -    "why": {
      -      "items": {
      -        "type": "string"
      -      },
      -      "type": "array"
      -    }
      -  },
      -  "type": "object"
      -}New value: +null
  2. Added

TDQS

A3.9/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already declare readOnly, non-destructive and closed-world, so the safety profile is covered. The description adds genuinely useful traits beyond that — values are flagged exact (from code) vs approximate (from a recording), and original source code only appears where licensing permits — but says nothing about response size or failure behavior for an unknown id.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Front-loaded with the core action, then a dense but purposeful enumeration of payload contents, then three actionable rules at the end. The long parenthetical in the first sentence is heavy but every clause carries information; nothing is filler.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

With no output schema, the description carries the burden of describing the return value and does so thoroughly, including the exact/approximate provenance distinction and license caveat. Only minor gaps remain, such as what happens with an invalid motionId or how large the returned code payloads can be.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so both parameters are documented in the schema and the baseline is 3. The description's mention of vanilla HTML/CSS/JS and the licensed original source loosely maps to the `code` enum values, but it adds no detail about what `none` or `both` produce beyond what the schema already states.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

States a specific verb and resource ("Get one motion entry") and enumerates exactly what the payload contains: properties, duration, easing/spring, delay, trigger, rationale, adaptation guidance, accessibility, code. This clearly separates it from search_motion, which only returns entries to pick an id from.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Gives concrete downstream instructions — keep timings, scale distances, translate code to your stack — and the schema links the required id to search_motion. It lacks an explicit "do not use this to browse; use search_motion first" statement, but the context is clear enough for correct selection.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources