# MCP playground

Canonical: https://motionspec.dev/playground

Try the free MCP — validate a MotionSpec live — MotionSpec

Skip to content

MotionSpec

Before/after
Motion check
Guides
GitHub
Become a partner

Free · keyless · live

## Try the MCP: validate a MotionSpec

This runs the real motion_validate tool from MotionSpec’s free, no-key MCP server ( api.motionspec.dev ). It’s the trust boundary: a spec is checked against the schema, the 40-primitive allow-list, parameter bounds and injection rules. Fail-closed — anything off returns precise errors. Nothing you paste is stored.

↻ Load valid example
⚠ Load a spec with errors
⚠ Out-of-bounds param

Validate spec
Ready.

## Use it in your own MCP client

The server is keyless and public (Streamable HTTP). Add it to Claude Desktop, Cursor, or any MCP client — full walkthrough in the setup guide :
https://api.motionspec.dev/mcp
{
"mcpServers": {
"motionspec": { "url": "https://api.motionspec.dev/mcp" }
}
}

Tools: motion_catalog (the 40 reviewed primitives + authoring rules) and motion_validate (this). No spec is stored.

Generating web UI at scale? See the Design Partner Program.

MotionSpec checks and compiles UI animation for AI-generated web apps — it does not generate AI video.

MotionSpec   — an open‑core motion trust layer.
hello@motionspec.dev npm Free motion check Before/after Playground Guides About MCP docs Pricing Impressum Datenschutz

Built by Fröba Sales Solutions UG (haftungsbeschränkt), Kronach, Germany. MotionSpec enforces reduced‑motion safety and a performance budget for the motion it compiles; it is not a general accessibility guarantee and does not claim conformance with any specific accessibility law. The free check covers specific motion criteria only. Performance figures are from one pilot deployment under the stated conditions. © 2026 Fröba Sales Solutions UG (haftungsbeschränkt).