MotionSpec — web animation accessibility MCP

Name: MotionSpec — web animation accessibility MCP
Author: MasterPlayspots

MasterPlayspots

MCP server and CLI for web animation accessibility: deterministic GSAP + CSS, reduced-motion defaults and static WCAG 2.2.2/2.3.3 checks. MIT core.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

Local

claude mcp add motionspec-web-animation-accessibility -- npx -y motionspec

~/.codex/config.toml

[mcp_servers.motionspec-web-animation-accessibility]
command = "npx"
args = ["-y", "motionspec"]

# codex mcp add motionspec-web-animation-accessibility -- npx -y motionspec

~/.cursor/mcp.json

{
  "mcpServers": {
    "motionspec-web-animation-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "motionspec"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "motionspec-web-animation-accessibility": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "motionspec"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "motionspec-web-animation-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "motionspec"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "motionspec-web-animation-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "motionspec"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "motionspec-web-animation-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "motionspec"
      ]
    }
  }
}

Remote

claude mcp add --transport http motionspec-web-animation-accessibility https://api.motionspec.dev/mcp