Quick Start

Install the MCP server, connect to your editor, and compile your first animation — one terminal command, no API keys, no accounts.

Prerequisites

Node.js 18+ installed
An AI assistant that supports MCP (Claude Desktop, Claude Code, Cursor, or VS Code)

The fastest path — add Animatic to Claude Code:

claude mcp add animatic -- npx -y animatic-mcp

For other editors, see MCP Setup.

Animatic runs as a local MCP server via npx. No API keys, no accounts, no cost.

The fastest way to try Animatic — one tool call runs the entire pipeline:

Use the generate_video tool: "30-second promo for an AI finance dashboard, cinematic-dark, prestige style"

This single call generates scenes, plans the sequence, compiles motion timelines, and scores quality. No brief authoring required.

For step-by-step control, try these prompts with your AI:

1. Explore what's available:

What animation personalities does Animatic have? Show me the editorial personality.

2. Search for primitives:

Search for entrance animations that work with the editorial personality.

3. Get choreography recommendations:

I need a hero section entrance for a documentation site.
Recommend choreography using the editorial personality.

4. Compile to CSS:

Compile that choreography recommendation into production CSS.

Your AI will use Animatic's tools to search, compose, validate, and compile — returning production-ready CSS keyframes.

Personalities — understand the 4 animation personalities and when to use each
Primitives — browse the 146-primitive library
Brief to Scenes — learn the full animation pipeline
Tool Reference — detailed docs for all 70 tools