Skip to main content
The skills/open-animate/ directory is an agent skill — a structured set of references, templates, and workflow instructions that any coding agent can use to produce professional motion graphics.

​
Install

npx skills add jacobcwright/open-animate

​
Skill structure

skills/open-animate/
├── SKILL.md                         # Entry point — overview + workflow
├── references/
│   ├── workflow.md                  # Step-by-step agent workflow
│   ├── scene-config.md              # animate.json reference
│   ├── composition-patterns.md      # Multi-scene architecture
│   ├── animation-cookbook.md         # Full presets reference
│   └── asset-generation.md          # AI asset generation guide
└── templates/
    ├── launch-video.md              # 4-scene product launch
    ├── explainer.md                 # Step-based explainer
    ├── logo-reveal.md               # Logo animation
    ├── meme-caption.md              # Social clip
    └── investor-update.md           # Metrics dashboard

​
Agent workflow

  1. Initialize — oanim init my-video
  2. Compose — Write scenes using @oanim/core presets and components
  3. Preview — npx remotion studio
  4. Render — oanim render
  5. Assets (optional) — oanim assets gen-image

​
What the skill provides

CapabilitySource
Animation presets (fadeUp, popIn, springs)@oanim/core
Components (Terminal, Card, Badge)@oanim/core
Scene transitions (fadeBlur, clipCircle)@oanim/core
Project scaffoldingoanim init
Rendering to videooanim render
AI asset generationoanim assets

​
Templates

Each template includes complete code for every scene, recommended transitions, and duration guidelines.
TemplateDescription
launch-video4-scene product launch with hero, features, demo, CTA
explainerStep-based explainer with numbered sections
logo-revealLogo animation with glow effects
meme-captionQuick vertical social clip
investor-updateMetrics dashboard with CountUp numbers