# remotion-animation

Builds timing constants, spring physics, and interpolation ranges for Remotion without creating UI components.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 441 installs · ★ 52
- Author: ncklrs
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/ncklrs/startup-os-skills/tree/HEAD/skills/remotion-animation/SKILL.md
- Updated: 2026-02-26
- HTML: https://affpapa.org/en/nevibecode/skills/remotion-animation

## What it does

This skill converts plain text instructions or motion briefs into an `ANIMATION_CONFIG.md` file. It outputs typed TypeScript blocks covering spring physics parameters and interpolation boundaries.

It exclusively handles motion mathematics and frame progress formulas. The skill deliberately avoids generating JSX or scene layouts, so you apply these exported constants inside components separately.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add ncklrs/startup-os-skills --skill remotion-animation -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/remotion-animation/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/remotion-animation/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add ncklrs/startup-os-skills --skill remotion-animation -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/remotion-animation/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add ncklrs/startup-os-skills --skill remotion-animation -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/remotion-animation/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install ncklrs/startup-os-skills remotion-animation
```

2. **Manually: put the files in place**
- File: `.github/skills/remotion-animation/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add ncklrs/startup-os-skills --skill remotion-animation -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/ncklrs/startup-os-skills --path skills/remotion-animation
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/remotion-animation/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add ncklrs/startup-os-skills --skill remotion-animation -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/ncklrs/startup-os-skills/tree/HEAD/skills/remotion-animation/SKILL.md

## When to use it
- define spring damping and stiffness values for video elements
- build input and output interpolation boundaries for transforms
- calculate frame stagger intervals across sequential items
- generate reusable easing curves and frame progress formulas

## Example prompts
- Define a smooth spring entrance for a logo scaling from 0.8 to 1.0 over 30 frames.
- Set up staggered word animations with a 5 frame delay between each item.

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [hyperframes](https://affpapa.org/en/nevibecode/skills/heygen-com-hyperframes.md) — skill · 1200000 installs
- [hyperframes-cli](https://affpapa.org/en/nevibecode/skills/heygen-com-hyperframes-cli.md) — skill · 1300000 installs
- [webapp-testing](https://affpapa.org/en/nevibecode/skills/webapp-testing.md) — skill · 186758 installs

From the same set: [ncklrs/startup-os-skills](https://affpapa.org/en/nevibecode/by/ncklrs/startup-os-skills.md) — 11 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md