Animatic — AI Cinematography MCP

An MCP server that gives your AI assistant 70 cinematography tools, 15 specialized skills, and a full production pipeline. Search, compose, validate, and compile production CSS without writing a single keyframe.

What you get

Animatic is a free, open-source MCP server that turns your AI coding assistant into a motion designer. Instead of writing CSS animations from scratch, your AI searches a curated library, composes validated sequences, and compiles production-ready code.

• 70 tools — search, compose, validate, compile, capture, and direct
• 15 skills — autonomous direction, animation design, scene analysis, and more
• 6 art directions — Prestige Dark, Clean Corporate, Editorial Warm, Tech Gradient, Bold Contrast, Organic Soft
• 6 sequence archetypes — product demo, brand teaser, social, and more
• Spring physics — natural, organic motion curves
• 8 delivery profiles — channel-specific output presets

How it works

One command, full video

The fastest path — generate_video runs the entire pipeline in a single call:

"Use generate_video to create a 30-second promo for an AI finance dashboard, cinematic-dark, prestige style"

It generates scenes, plans the sequence, compiles motion timelines, and scores quality automatically. No brief authoring required.

Step-by-step control

For more control, the pipeline has three stages:

1. Discover — Search primitives by keyword, category, or personality. Get choreography recommendations for your intent.

"Find entrance animations for a hero section using the editorial personality"

2. Compose — Generate scenes from briefs, plan sequences, validate against personality guardrails.

"Create a 3-scene sequence for a product launch page with staggered reveals"

3. Compile — Turn your sequence into production CSS with keyframes, timing functions, and animation declarations.

"Compile this sequence to CSS and critique the output"

Try it now

The fastest way to start:

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

Then ask your AI:

"Search for cinematic entrance animations and show me the top 5"

See the Quick Start for a full walkthrough, or jump to MCP Setup for other editors.