open-animate

Original：🇺🇸 English

Translated

Open Animate — the creative suite for AI agents. Create professional motion graphics, generate images, and render MP4 videos. Use when the user wants to make videos, animations, motion graphics, social clips, product launches, explainers, or any visual content. Supports asset generation (images, backgrounds, upscaling) and video composition with animation presets, transitions, and components.

1installs

Sourcejacobcwright/open-animate

Added on2026-02-25

NPX Install

npx skill4agent add jacobcwright/open-animate open-animate

SKILL.md Content

View Translation Comparison →

Open Animate — Creative Suite for Agents

Create professional motion graphics and generate visual assets. Describe what you want. Get an MP4.

Prerequisites

This skill builds on Remotion skills for core Remotion API patterns:

bash

npx skills add remotion-dev/skills

Workflow

1. Initialize project

bash

npx oanim init my-video
cd my-video

2. Compose using

@oanim/core

tsx

import { fadeUp, popIn, Background, SafeArea, palettes } from '@oanim/core';

See

references/animation-cookbook.md

for the full presets reference.

3. Preview

bash

npx remotion studio

4. Render to MP4

bash

npx oanim render

5. Generate and use media assets (optional)

bash

# Generate image, video, or audio
npx oanim assets gen-image --prompt "dark gradient abstract" --out public/bg.png
npx oanim assets run --model fal-ai/kling-video/v1/standard/text-to-video \
  --input '{"prompt":"cinematic abstract motion","duration":"5"}' --out public/clip.mp4
npx oanim assets run --model fal-ai/stable-audio \
  --input '{"prompt":"ambient electronic, no vocals","duration_in_seconds":30}' --out public/music.mp3

Then use in your composition:

tsx

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} />

Capabilities

Capability	Tool
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	`oanim assets gen-image`
AI video generation	`oanim assets run` (kling, minimax, hunyuan models)
AI audio generation	`oanim assets run` (stable-audio model)
Media compositing	`<Img>` , `<OffthreadVideo>` , `<Audio>` via `staticFile()`
Image editing	`oanim assets edit-image`
Background removal	`oanim assets remove-bg`
Image upscaling	`oanim assets upscale`
Any fal.ai model	`oanim assets run`

References

```
references/workflow.md
```
— Step-by-step agent workflow
```
references/scene-config.md
```
— animate.json schema reference
```
references/composition-patterns.md
```
— Multi-scene composition architecture

references/animation-cookbook.md

— Full

@oanim/core

presets reference

```
references/asset-generation.md
```
— AI asset generation guide
```
references/media-guide.md
```
— Using generated media in compositions (Img, Video, Audio)

Templates

```
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)

open-animate

NPX Install

Tags

SKILL.md Content

Open Animate — Creative Suite for Agents

Prerequisites

Workflow

1. Initialize project

2. Compose using
`@oanim/core`

3. Preview

4. Render to MP4

5. Generate and use media assets (optional)

Capabilities

References

Templates