mcpField
R
remotion-video-agent

remotion-video-agent

github.com/frankxaiCreative & media85113 installsUpdated 2w ago
Repository

About remotion-video-agent

A workflow skill for producing videos with Remotion. It organizes format and scene timing, React-based composition, rendering, and delivery checks for video creators.

Key features

  1. 01Format and duration planning
  2. 02Scene breakdown with frame ranges
  3. 03React components with deterministic timing
  4. 04Remotion rendering workflow
  5. 05Export and delivery QA

Use cases

  1. 01Planning a video composition
  2. 02Building timed scenes in React
  3. 03Checking a rendered video before delivery

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/frankxai/awesome-motion-design-agent-skills --skill remotion-video-agent

After installing, type/remotion-video-agentin Claude Code to confirm it loaded.

Details

From the project README

Remotion Video Agent

Workflow

  1. Confirm the composition format: aspect ratio, duration, FPS, destination, and voice/music requirements.
  2. Break the video into scenes with frame ranges.
  3. Build scenes as React components with deterministic timing.
  4. Use Remotion helpers for interpolation, sequencing, audio, static files, and rendering.
  5. Prefer MP4 for delivery. Use GIF only for previews or documentation.
  6. Render and inspect before final delivery.

Useful Defaults

  • 30 FPS for general video.
  • 60 FPS only when motion quality requires it.
  • 1080x1920 for vertical social.
  • 1920x1080 for YouTube/demo.
  • 1200x630 or 1600x900 for launch preview loops.

QA

  • No text cut off.
  • No scene timing dead air.
  • Motion supports the script.
  • Assets are licensed or owned.
  • Audio levels are not clipped.
  • GIF exports are size-conscious.

Comments

Markdown supported