> ## Documentation Index
> Fetch the complete documentation index at: https://docs.open-animate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agent Skill

> Structured references and templates that teach agents to create videos

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

```bash theme={null}
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

| Capability                                     | Source         |
| ---------------------------------------------- | -------------- |
| Animation presets (`fadeUp`, `popIn`, springs) | `@oanim/core`  |
| Components (`Terminal`, `Card`, `Badge`)       | `@oanim/core`  |
| Scene transitions (`fadeBlur`, `clipCircle`)   | `@oanim/core`  |
| Project scaffolding                            | `oanim init`   |
| Rendering to video                             | `oanim render` |
| AI asset generation                            | `oanim assets` |

## Templates

Each template includes complete code for every scene, recommended transitions, and duration guidelines.

| Template          | Description                                           |
| ----------------- | ----------------------------------------------------- |
| `launch-video`    | 4-scene product launch with hero, features, demo, CTA |
| `explainer`       | Step-based explainer with numbered sections           |
| `logo-reveal`     | Logo animation with glow effects                      |
| `meme-caption`    | Quick vertical social clip                            |
| `investor-update` | Metrics dashboard with CountUp numbers                |