Animatic — AI Cinematography MCP

An MCP server that gives your AI assistant 78 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, hosted 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.

• 78 tools — 60 on the hosted surface (search, compose, validate, compile to CSS); the full 78, adding project state and rendering, come with a local install
• 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

From prompt to production CSS

Connect the hosted endpoint and your AI gets the full motion pipeline — discover, compose, validate, and compile — right in your editor:

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 — Plan sequences, compose storyboards, validate against personality guardrails.

"Plan 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"

One call, the whole pipeline — local install

generate_video runs the entire pipeline in a single call — brief → scenes → sequence → compiled timelines → scoring — and returns a render-ready spec (everything Remotion needs). It's part of the local install, not the hosted surface; handing that spec to the local renderer (render_project) produces the finished video file:

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

Try it now

Animatic runs as a hosted remote MCP endpoint, gated on a free Preset account — no install, no npm package. Connect your editor with an access token and start prompting.

1. Create a free Preset account at presetai.dev.

2. Mint an access token — in the dashboard, click Connect Animatic to generate a token (ak_live_…).

3. Add the remote server to Claude Code:

claude mcp add --transport http animatic \
  https://mcp.presetai.dev/animatic/mcp \
  --header "Authorization: Bearer ak_live_…"

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 Claude Desktop, Cursor, and VS Code.