# Motion graphics with Remotion (/remotion-motion-graphics)

/remotion-motion-graphics is a Claude Code skill in the Video & Motion section. It is maintained by haidrrrry and published under the MIT license. Creates and edits motion graphics videos in Remotion, with animation rules that avoid the generic look and a check of the rendered frames.

- Web version: https://skills.sgomez.dev/en/s/remotion-motion-graphics
- Section: [Video & Motion](https://skills.sgomez.dev/en/video.md)
- Author: haidrrrry
- License: MIT
- Source: https://github.com/haidrrrry/claude-remotion-skill/tree/1dcbe5e3fc6cf970bd10d3cc05f0a8a5d19d0383/remotion-motion-graphics
- Updated 12 Aug 2026

## How to ask for it

- `Create an intro video with our animated logo using Remotion`
- `This video looks generic, help me improve it with motion graphics`
- `Add text animations and captions to this footage in Remotion`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

Create and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering, or "make this video look better/less generic". Also trigger when editing an existing Remotion project or when the user complains their video looks basic, generic, or amateur — this skill contains the exact fixes. Always read this skill BEFORE writing any Remotion code.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)