From open-animate
Creates motion graphics and MP4 videos via Remotion React/TSX compositions with @oanim/core animation presets and transitions. Generates AI assets like images, videos, audio using MCP tools or CLI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/open-animate:open-animateThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Create professional motion graphics and generate visual assets. Describe what you want. Get an MP4.
Create professional motion graphics and generate visual assets. Describe what you want. Get an MP4.
This skill builds on Remotion skills for core Remotion API patterns:
npx skills add remotion-dev/skills
npx oanim init my-video
cd my-video
@oanim/coreimport { fadeUp, popIn, Background, SafeArea, palettes } from '@oanim/core';
See references/animation-cookbook.md for the full presets reference.
npx remotion studio
npx oanim render
MCP tools (preferred — works in Cowork and any MCP-enabled environment):
| Tool | Use |
|---|---|
gen_image | Generate images from text prompts |
edit_image | Edit existing images with prompts |
remove_bg | Remove background from an image |
upscale | Upscale image 2x |
gen_video | Generate video from text (async, polls until done) |
gen_audio | Generate audio/music from text (async, polls until done) |
run_model | Run any fal.ai model with custom input |
CLI (fallback — requires outbound HTTP):
npx oanim assets gen-image --prompt "dark gradient abstract" --out public/bg.png
npx oanim assets run --model fal-ai/kling-video/v2.5-turbo/pro/text-to-video \
--input '{"prompt":"cinematic abstract motion","duration":"5"}' --out public/clip.mp4
npx oanim assets run --model beatoven/music-generation \
--input '{"prompt":"ambient electronic, no vocals","duration_in_seconds":30}' --out public/music.mp3
Then use in your composition:
import { Img, OffthreadVideo, Audio, staticFile } from 'remotion';
<Img src={staticFile('bg.png')} style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
<OffthreadVideo src={staticFile('clip.mp4')} style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
<Audio src={staticFile('music.mp3')} volume={0.25} />
| Capability | MCP Tool | CLI Command |
|---|---|---|
| Project scaffolding | — | oanim init |
| Animation presets (fadeUp, popIn, springs) | — | @oanim/core |
| Components (Terminal, Card, Badge, GlowOrb) | — | @oanim/core |
| Scene transitions (fadeBlur, clipCircle, wipe) | — | @oanim/core |
| Typography (AnimatedCharacters, TypewriterText, CountUp) | — | @oanim/core |
| Design tokens (5 palettes, fonts, spacing) | — | @oanim/core |
| Rendering to video | — | oanim render |
| Cloud rendering | — | oanim render --cloud |
| AI image generation | gen_image | oanim assets gen-image |
| AI image editing | edit_image | oanim assets edit-image |
| Background removal | remove_bg | oanim assets remove-bg |
| Image upscaling | upscale | oanim assets upscale |
| AI video generation | gen_video | oanim assets run (video models) |
| AI audio generation | gen_audio | oanim assets run (audio models) |
| Any fal.ai model | run_model | oanim assets run |
| Media compositing | — | <Img>, <OffthreadVideo>, <Audio> via staticFile() |
references/workflow.md — Step-by-step agent workflowreferences/scene-config.md — animate.json schema referencereferences/composition-patterns.md — Multi-scene composition architecturereferences/animation-cookbook.md — Full @oanim/core presets referencereferences/asset-generation.md — AI asset generation guidereferences/media-guide.md — Using generated media in compositions (Img, Video, Audio)templates/launch-video.md — 4-scene product launch (5s)templates/explainer.md — Step-based explainer video (20s)templates/logo-reveal.md — Logo animation with glow (5s)templates/meme-caption.md — Vertical social clip (6s)templates/investor-update.md — Metrics dashboard (15s)npx claudepluginhub jacobcwright/open-animateCreates production-grade videos with Remotion (React), including animations, audio sync, subtitles, charts, and 3D. Includes project scaffolding and render scripts.
Full video production workflow for Remotion projects. Teaches how to orchestrate MCP tools (TTS, music, SFX, stock footage, video analysis) into complete Remotion compositions. Use this skill whenever producing a video that needs audio, voiceovers, music, stock footage, or analyzing existing video files.
Builds 16:9 spoken-video compositions as standalone Remotion projects with React, TypeScript, frame-based animation, and mp4 export. Use for video files, Remotion, mp4 rendering, or theme-driven video templates.