mcpField
R
remotion-motion-graphics

remotion-motion-graphics

github.com/phamthanhnghiaCreative & media361 installsUpdated 14w ago
Repository

About remotion-motion-graphics

A workflow skill for creating short, silent Remotion motion graphics, such as logo stings and title cards. It specifies a 3–10 second output and guides typography and spring-based movement.

Key features

  1. 01Create 3–10 second graphics
  2. 02Produce loops or stingers
  3. 03Use spring and interpolate motion
  4. 04Set typography with Google Fonts
  5. 05Design smooth entrances and exits

Use cases

  1. 01Create a logo sting
  2. 02Animate a title card
  3. 03Build a lower third
  4. 04Make a short announcement bumper

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/phamthanhnghia/remotion-agent-skills --skill remotion-motion-graphics

After installing, type/remotion-motion-graphicsin Claude Code to confirm it loaded.

Details

From the project README

Remotion Motion Graphics Workflow

Author ultra-short, highly polished unnarrated motion graphic units under 10 seconds.

Contract & Prerequisites

  • Input: Title text, logo, stat hit, or short announcement text. Unnarrated.
  • Output: Frame-deterministic motion graphic loop or stinger, 3–10 s (90–300 frames @ 30fps).
  • Triggers: "logo sting", "animated title card", "lower third", "motion graphic bumper".

Technical Guidelines

  • Derive all movement from spring() and interpolate().
  • Use @remotion/google-fonts for typography.
  • Implement smooth entrance & exit spring physics.

Comments

Markdown supported