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.

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

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"
      ]
    }
  }
}

远程托管

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