Spine Motion MCP

Spine Motion MCP

Enables authoring, preview, and export of Spine 2D skeletal animations via natural language from Claude Code or any MCP client, with a web dashboard and tools for keyframing, templates, and GIF preview.

Category
访问服务器

README

Spine Motion MCP

MCP server for Spine 2D animation — author, preview and export skeletal animations via natural language, from Claude Code or any MCP client.

Runs as a local HTTP server with a built-in web dashboard: each user starts the server on their own machine and connects with their own Claude account — same model as Unity MCP.

What it does

  • Author animations programmatically on the documented Spine JSON format: keyframes with easing presets (easeInOut, overshoot, anticipation, …) — bezier handles are computed for you.
  • Animation templates that encode animation principles: idle_breath, ui_bounce, hit_react, walk_cycle, attack_swing, celebrate, death, blink — parametric, then refine with keys_set.
  • Render to GIF (preview_gif): headless Chrome + the official spine-player render any animation to an animated GIF — the agent looks at it and iterates; humans share it in chat.
  • Round-trip with the Spine editor via the official Spine CLI: authored JSON → .spine project artists can open; .spine → runtime JSON + packed atlas.
  • See the result: the dashboard embeds the official Spine web player. An agent can screenshot the preview page (e.g. with Playwright MCP) and iterate on what it sees.
  • Mobile performance lint: bone budgets, key density, deform/clipping cost, draw-order churn, loop pops.

Requirements

  • Node.js ≥ 18
  • For import/export tools only: a licensed Spine editor install (the CLI ships with the editor). Authoring, lint and preview work without it.
  • For preview_gif only: a Chrome-family browser (Chrome/Edge/Chromium; auto-detected, or set SPINE_MCP_CHROME). No bundled browser download.
  • Spine 4.2.x (JSON format is version-coupled; pin via SPINE_MCP_EDITOR_VERSION. The embedded spine-player is pinned to 4.2.x for the same reason).

Quick start

git clone https://github.com/nihatcagri44/spine-motion-mcp.git
cd spine-motion-mcp
npm install
npm run build
SPINE_MCP_ROOT=/path/to/your/spine/assets npm start

Then connect Claude Code:

claude mcp add --transport http spine http://localhost:8734/mcp

Open the dashboard at http://localhost:8734/ — server status, skeleton browser, live animation preview.

Configuration (env vars)

Variable Default Purpose
SPINE_MCP_PORT 8734 HTTP port (MCP endpoint + dashboard)
SPINE_MCP_ROOT cwd Root directory for skeleton files (sandbox)
SPINE_MCP_CLI auto-detect Path to the Spine executable
SPINE_MCP_EDITOR_VERSION 4.2 Version passed to Spine CLI --update

Auto-detected CLI paths: macOS /Applications/Spine.app/Contents/MacOS/Spine, Windows C:\Program Files\Spine\Spine.com.

Tools

Tool Needs Spine CLI Purpose
spine_status – Health check, easings & templates list
skeleton_inspect – Bone tree, slots, skins, animations
keys_set – Batch keyframes with easing presets
template_apply – Generate an animation from a template
loop_smooth – Fix loop continuity pops
skeleton_lint – Mobile perf & hygiene checks
to_spine_project ✅ Authored JSON → .spine project
export_runtime ✅ .spine → runtime JSON + packed atlas
preview_url – Dashboard URL rendering the animation
preview_gif – Render an animation to an animated GIF (needs Chrome)

Typical agent workflow

  1. skeleton_inspect — learn the rig
  2. template_apply (e.g. idle_breath) — solid base
  3. preview_gif → look at the GIF → evaluate motion visually
  4. keys_set — refine timing/easing; loop_smooth if it loops
  5. skeleton_lint — check mobile budgets
  6. to_spine_project — hand off to an artist, or export_runtime → game

Status

v0.1 — early. Authoring/lint/preview are functional; CLI round-trip flags follow the official docs but are still being validated on Windows (see TESTING.md). Mesh/deform authoring and PSD→rig bootstrap are on the roadmap.

License

MIT. Spine is a product of Esoteric Software; using the Spine editor/CLI and runtimes requires a valid Spine license.

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选