# remotion-markup

> Claude/Codex skill by [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 62 stars · Updated 2026-10-22

Content, animation and effects best practices

Tags: claude-code, plugin, remotion, video

## Install

```sh
git clone https://github.com/remotion-dev/claude-code-plugin /tmp/claude-code-plugin && ln -s /tmp/claude-code-plugin/skills/remotion-markup ~/.claude/skills/remotion-markup
```

## From README

Preserve user changes Users may make edits in the code outside of the conversation. If you detect a surprising change made in the meanwhile, don't overwrite it, assume it was intentional or ask for confirmation. General rules Keep useCurrentFrame() in the smallest component that needs it. Extract frame-dependent audio volume, titles, and overlays into their own components instead of subscribing the whole composition or scene; otherwise unrelated descendants re-render on every frame. Preserve the existing frame coordinates when extracting across timing boundaries, and keep editable interpolations inline on the item's props. Inside a composition or scene component, get fps from useVideoConfig() for all seconds-to-frames calculations, including timing props such as from, trimBefore and durationInFrames. Keeping the expression on the JSX node, such as trimBefore={4 fps}, lets Studio edit the timing and keeps it correct if the composition frame rate changes.

## Links

- HTML page: https://omgskills.com/library/remotion-dev/claude-code-plugin/skills/remotion-markup/
- GitHub: https://github.com/remotion-dev/claude-code-plugin
- Author: [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md)

## More from this repo

- [remotion-best-practices](https://omgskills.com/library/remotion-dev/claude-code-plugin/skills/remotion-best-practices/index.md) — Router for all Remotion skills
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 62 stars
- [remotion-captions](https://omgskills.com/library/remotion-dev/claude-code-plugin/skills/remotion-captions/index.md) — Transcribing, displaying and animating captions
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 62 stars
- [remotion-create](https://omgskills.com/library/remotion-dev/claude-code-plugin/skills/remotion-create/index.md) — Used to create a new Remotion video
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 62 stars