Open Animate

Open Animate 通过 oanim CLI 与 @oanim/core 组件库把文本描述变成动效视频：初始化项目、用预设动画与转场组合场景、可选调用 fal.ai 模型生成图片/视频/音频、预览并渲染为 MP4，另附 5 个模板与 6 份参考文档。

jacobcwright

热度 77.08

最近更新 2026-05-11 17:27:04

分类：创作依赖：代码执行 / 读写文件 / 第三方 API应用场景：视频编辑 / 图像生成 / 社交媒体 / 品牌素材 ...

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add open-animate

Metadata

name: open-animate
description: 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.
license: Apache-2.0
metadata: {"openclaw":{"emoji":"🎬","homepage":"https://open-animate.com","requires":{"bins":["npx"]},"install":[{"kind":"node","package":"oanim","bins":["oanim"],"label":"Install oanim CLI (npm)"}]}}

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:

npx skills add remotion-dev/skills

Workflow

1. Initialize project

npx oanim init my-video
cd my-video

2. Compose using `@oanim/core`

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

See references/animation-cookbook.md for the full presets reference.

3. Preview

npx remotion studio

4. Render to MP4

npx oanim render

5. Generate and use media assets (optional)

# 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:

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)