MotionSpec MCP Server

Hallucination-proof scroll motion: LLM writes validated specs, deterministic GSAP/CSS compiler.

Remote serverstreamable-http

What is the MotionSpec MCP server?

MotionSpec MCP server is a hosted integration for AI assistants that speak the Model Context Protocol. Hallucination-proof scroll motion: LLM writes validated specs, deterministic GSAP/CSS compiler.

What you get

Run it two ways: as a keyless MCP server any LLM host can call (npx motionspec), or as a CLI compiler in your build (motion compile spec.json). Either way you keep plain files — a GSAP build or a dependency-free WAAPI/CSS lowering. MIT core. Docs: https://motionspec.dev

What the assistant can call

Once MotionSpec is connected, these are the calls the assistant has available:

  • Versionv1.2.6 · schema frozen at spec v1 (ADR-0001, signed)
  • Publishednpm motionspec (82 kB packed, 67 files, nothing dev-only ships) · MCP Registry
  • Tests295 green — injection attacks, 6000-spec fuzz, golden determinism, schema parity, pause-controls, motion-a11y audit · CI on Node 18/20/22 + x86
  • Catalog40 primitives, every one device-verified, reduced-motion-fallback mandatory; the 18 continuous loops also carry a WCAG-2.2.2 pause path
  • Coverage — ≈99% lines / ≈98% functions / ≈80% branches of src/ + worker/ (CI gate: 90/90/75)
  • motion_catalog — primitives + authoring rules + catalog version (16-hex pin)
  • motion_validate — fail-closed Trust Boundary; precise [MS-XXX] errors; surfaces deprecations
  • motion_compile — deterministic spec → code; never emits on a failed validation
  • motion_audit — static motion-a11y check of a live URL (read-only, open-world)
  • motion_stats — telemetry summary (escalations = catalog growth signal)

Configuration and credentials

You will need 3 environment variables: MOTION_API_KEY, OPENROUTER_API_KEY, MOTION_BASE_URL. The server will not start without them, which is usually why the tools fail to appear on a first run. Keep credentials in your client's env block or a secrets manager rather than in a file you might commit.

Setting it up

Being a remote server, there is no local install. You register the endpoint with your client, authorise it once, and the tools appear.

Choosing this one

This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. MotionSpec's toolset — Version, Published, Tests and 7 more — is a fair guide to whether it matches your workflow. It is maintained by MasterPlayspots; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against MotionSpec's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Before you rely on it

  • Your data travels to the provider's service, so the usual questions apply about what you send and what they retain.
  • With 10 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch MotionSpec.
  • Missing credentials fail quietly in some clients — if no tools show up, check the environment block first.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the motionspec mcp server does with a few real requests.

Available tools

ToolWhat it does
Version**v1.2.6** · schema frozen at spec v1 (ADR-0001, signed)
Published**npm motionspec** (82 kB packed, 67 files, nothing dev-only ships) · MCP Registry
Tests**295 green** — injection attacks, 6000-spec fuzz, golden determinism, schema parity, pause-controls, motion-a11y audit · CI on Node 18/20/22 + x86 Playwright e2e
Catalog**40 primitives**, every one device-verified, reduced-motion-fallback mandatory; the 18 continuous loops also carry a WCAG-2.2.2 pause path
Coverage≈99% lines / ≈98% functions / ≈80% branches of src/ + worker/ (CI gate: 90/90/75)
motion_catalogprimitives + authoring rules + catalog version (16-hex pin)
motion_validatefail-closed Trust Boundary; precise [MS-XXX] errors; surfaces deprecations
motion_compiledeterministic spec → code; never emits on a failed validation
motion_auditstatic motion-a11y check of a live URL (read-only, open-world)
motion_statstelemetry summary (escalations = catalog growth signal)

How to install the MotionSpec MCP server

{
  "mcpServers": {
    "motionspec": {
      "command": "npx",
      "args": ["-y", "motionspec"],
      "env": {
        "MOTION_API_KEY": "your-value",
        "OPENROUTER_API_KEY": "your-value",
        "MOTION_BASE_URL": "your-value"
      }
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

VariableDescriptionRequired
MOTION_API_KEYCredential the server authenticates with.Yes
OPENROUTER_API_KEYCredential the server authenticates with.Yes
MOTION_BASE_URLEndpoint or connection string the server talks to.Yes

Example prompts to try

  • Use MotionSpec to Version.
  • Use MotionSpec to Published.
  • Use MotionSpec to Tests.

Frequently asked questions

It connects MotionSpec to MCP-compatible AI assistants such as Claude and Cursor, exposing 10 tools (Version, Published, Tests, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with MotionSpec directly.