INDIVIDUAL MCP TOOL

update_scene

Replace the content of one of your scenes (full scene JSON, validated first) — the edit loop for iterating instead of duplicating.

keyframer.devnone authenticationAvailability not checked

LIVE ENDPOINT

https://api.keyframer.dev/mcp

No auth detected

Connect to this endpoint to inspect the live schema for update_scene and invoke it with your own arguments.

{}

Potential side effects detected · medium confidence · heuristic, not a guarantee.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.keyframer]
url = "https://api.keyframer.dev/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "keyframer": {
      "type": "http",
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: keyframer
Remote MCP URL: https://api.keyframer.dev/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "keyframer": {
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "keyframer": {
      "type": "http",
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "keyframer",
  "transport": "streamable-http",
  "url": "https://api.keyframer.dev/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

search_recipes — Search 150+ free Keyframer recipes (bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…).
get_recipe — Fetch one recipe by slug: metadata, the scene JSON (usable as a starting point for create_scene), and the generated React Native Reanimated component code.
get_scene_format — The Keyframer scene JSON format — read this before authoring a scene.
validate_scene — Validate a scene against the Keyframer format before create_scene or generate_code.
sample_scene — Numerically preview a scene: evaluates keyframes AND node graphs at N evenly spaced times and returns each moving prop as a value series (the same math the editor preview runs).
create_scene — Save a scene and get an editor URL where it opens in the visual editor (timeline, canvas, node graphs, mobile QR preview).
list_scenes — List the scenes in the connected Keyframer account (id, name, updated, visibility).
get_scene — Fetch one of your scenes (or any public scene) as JSON — edit it and re-save with update_scene, or feed it to generate_code.