Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
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...
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...
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
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
import { fadeUp, popIn, Background, SafeArea, palettes } from '@oanim/core'; See references/animation-cookbook.md for the full presets reference.
npx remotion studio
npx oanim render
# 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} />
CapabilityToolProject scaffoldingoanim initAnimation presets (fadeUp, popIn, springs)@oanim/coreComponents (Terminal, Card, Badge, GlowOrb)@oanim/coreScene transitions (fadeBlur, clipCircle, wipe)@oanim/coreTypography (AnimatedCharacters, TypewriterText, CountUp)@oanim/coreDesign tokens (5 palettes, fonts, spacing)@oanim/coreRendering to videooanim renderCloud renderingoanim render --cloudAI image generationoanim assets gen-imageAI video generationoanim assets run (kling, minimax, hunyuan models)AI audio generationoanim assets run (stable-audio model)Media compositing<Img>, <OffthreadVideo>, <Audio> via staticFile()Image editingoanim assets edit-imageBackground removaloanim assets remove-bgImage upscalingoanim assets upscaleAny fal.ai modeloanim assets run
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/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)
Agent frameworks, memory systems, reasoning layers, and model-native orchestration.
Largest current source with strong distribution and engagement signals.