open-animate

📁 jacobcwright/open-animate 📅 4 days ago

总安装量

周安装量

#19641

全站排名

安装命令

npx skills add https://github.com/jacobcwright/open-animate --skill open-animate

Agent 安装分布

opencode 18

github-copilot 18

codex 18

amp 18

kimi-cli 18

gemini-cli 18

Skill 文档

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)

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

Capabilities

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

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)

GitHub 仓库 ↗ ← 返回陌讯 Skills 聚合平台