Best for
- Developers who want to quickly generate @splinetool/runtime code.
- Users of Claude Desktop who need example code snippets.
S
Spline.design MCP Server
Community
MCP server for generating runtime code for Spline 3D design tool (archived)
GitHub source repository ↗
8FMRS · D
This MCP server is primarily for generating Spline runtime code, but due to the lack of a public REST API, most features are non-operational. The project is archived, suitable only for code generation enthusiasts and should be used with caution.
This MCP server was built to programmatically control Spline.design 3D scenes through Claude. However, Spline does not offer a public REST API for scene manipulation, so most of the ~130 tools that call api.spline.design target endpoints that don't exist and fail with network errors. The 10 code generation tools that do work generate @splinetool/runtime code for Vanilla JS, React, and Next.js, but Claude can already write this code without an MCP server, making them redundant. The project is archived.
Tools
generate_vanilla_js_runtime_code
Generate Vanilla JS code that loads a Spline scene and adds interactions like click handlers.
generate_react_runtime_code
Generate a React component that loads a Spline scene and adds interactions like click handlers.
generate_nextjs_runtime_code
Generate Next.js code with Spline integration.
Setup
For Claude Desktop, add to MCP config: {"mcpServers":{"spline":{"command":"npx","args":["-y","spline-mcp-server"]}}}. For local development, clone the repo, run npm install and npm start.
claude_desktop_config.json
{
"mcpServers": {
"spline": {
"command": "npx",
"args": [
"-y",
"spline-mcp-server"
]
}
}
}
Fit and risk
Not for
- Users needing direct control over Spline editor or scene creation (Spline has no public REST API).
- Users needing a stable, maintained MCP server (project is archived).
Required permissions
- No special permissions; tools only generate code.
- Network access required to run npm install.
Risks and side effects
- Server is archived; some tools may be non-functional.
- Generated code relies on Spline runtime API; ensure Spline scene is exported and loaded correctly.
- Potential unpatched bugs or security issues.
Troubleshooting
- Ensure you have the latest version of the npm package.
- Check network connectivity; since api.spline.design endpoints don't exist, expect network errors.
- Only use the code generation tools; avoid design tools that will fail.
Use cases
Generate a React component that loads a Spline scene and adds click handlers to objects.
Write animation code that rotates an object on hover.
Create an interactive scene with variable-based state management.
Generate Next.js code with Spline integration.
Supported clients
Claude DesktopFull support