# Video Common

> Shared Remotion video utilities and patterns. Referenced by other video skills - not invoked directly.

- Skill: `aviz85/video-common` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add aviz85/video-common`
- Raw SKILL.md: https://api.skillmd.com/api/skills/aviz85/video-common/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: aviz85 (https://skillmd.com/u/aviz85)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/aviz85/video-common

---


# Remotion Common Utilities

Shared patterns and references for all video skills in this project.

## Project Structure

```
remotion-assistant/
├── src/
│   ├── index.tsx          # Entry point
│   ├── Root.tsx           # Composition registry
│   ├── compositions/      # Video compositions
│   └── components/        # Reusable components
├── public/                # Static assets
│   ├── fonts/
│   ├── images/
│   └── audio/
└── out/                   # Rendered output
```

## Key APIs

- `useCurrentFrame()` - Current frame number
- `useVideoConfig()` - { width, height, fps, durationInFrames }
- `interpolate(frame, [in], [out])` - Map values
- `spring({ frame, fps, config })` - Physics animations

## Adding New Compositions

1. Create component in `src/compositions/`
2. Register in `src/Root.tsx` with `<Composition>`
3. Set: id, component, durationInFrames, fps, width, height

## See References

- [codecs.md](references/codecs.md) - Encoding options
- [animations.md](references/animations.md) - Animation patterns