Animatic — AI Cinematography MCP

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

• 61 tools on the hosted endpoint (search, compose, validate, compile to CSS); a local install adds project state and rendering tools
• 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, with no install and no npm package. The hosted endpoint is available to preset AI alpha members.

1. Request early access at presetai.dev. preset AI is invite-only while we onboard teams in small cohorts.

2. Get your connection token. Once you're in, we send you an access 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.